Why audio is not playing when a HTML page is loaded?

Question

I would like to play a sound on a load of an HTML page. First I tried this solution:

<audio src="static/audio/lang/pchwcafckzdmfcvuneezavatquflye_en.mp4" id="my_audio" loop="loop" type="audio/mpeg"></audio>
<script type="text/javascript">
    window.onload=function(){
    document.getElementById("my_audio").play();
    }
</script>

It did not work. Then I have tried this one:

<audio src="static/audio/lang/pchwcafckzdmfcvuneezavatquflye_en.mp4" id="my_audio" loop="loop" type="audio/mpeg"></audio>
<script type="text/javascript">
var sample = document.getElementById("my_audio");
sample.play();
</script>

This does not work as well. In have tried to load the page in Chrome as well as Firefox. In both browsers if does not work.

What am I doing wrong?

Check the console as @DorinBotan says and I believe you will see an error such as: "NotAllowedError: play() can only be initiated by a user gesture." — Adam Griffith, Dec 02 '22 at 12:35
https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome — TGrif, Dec 02 '22 at 13:26

score 1 · Answer 1 · answered Dec 02 '22 at 12:45

1

Autoplay with sound is disabled and policies updated in Chrome and Firefox

Check these articles:

answered Dec 02 '22 at 12:45

pr96

994
5
17

Why audio is not playing when a HTML page is loaded?

1 Answers1