angular ngoninit 上的音频播放不起作用

Question

html 代码：

<audio id="notification" src="../assets/audio/notification.mp3" autoplay="true"
muted="muted"></audio>

代码：

 let audioPlayer = <HTMLAudioElement> document.getElementById('notification');
      audioPlayer.muted = false;
      audioPlayer.play();  

我收到错误 play() failed 因为用户没有先与文档交互。

Answer 1

您不应该在初始化时查询 audioPlayer。 音频需要一些时间才能准备好。

当 Html 音频可以播放时，您应该触发静音并播放。 ( https://www.w3schools.com/tags/av_event_canplay.asp )

或使用 ViewChild 装饰器。 ( https://angular.io/api/core/ViewChild )