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 )