点击音频播放按钮时调用函数

Question

我的组件页中有这个音频播放器

<audio id="player" controls="controls" class="audiocontrol">
<source src="{{ baseUrl }}storage/{{this.url}}" />
</audio>

和在我的.ts文件中，我自动调用play_audio函数在页面加载时播放音频。

play_audio()
{  
​​try { 
var player = <HTMLAudioElement> document.querySelector('#player');
player.load();
var promise = player.play();
..
player.addEventListener("ended", (currentTime)=>{
});
}

但是当我手动点击音频控制上的播放按钮时，我想调用角函数

任何解决方案谢谢

Answer 1

请参考w3schools的实现

方法1:使用正常按钮点击

方法2:通过使用addEventListener()

我希望这个解决办法能奏效