angular audio play on ngoninit not working

Question

html code:

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

ts code:

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

I am getting error play() failed because the user didn't interact with the document first.

score 0 · Answer 1 · answered May 03 '22 at 03:50

You should not query audioPlayer on init. The audio needs a bit of time to be ready.

You should trigger muted and play when Html Audio can play. (https://www.w3schools.com/tags/av_event_canplay.asp)

1 Answers1