HTML5 Audio Autoplay

Asked Jun 12 '23 at 13:36

Active Jun 12 '23 at 13:46

Viewed 29 times

I have a simple HTML page where I would want to play audio when the page loads.

I have added a simple HTML5 audio tag with autoplay property but I am getting the following error.

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://developer.chrome.com/blog/autoplay/

I checked all the options and solutions on the web, and on most of the pages, I am getting video tags with the muted property set to true which won't work for me.

Here is what I tried and did not work:

Simple HTML5 Audio tag with autoplay.
Add play call to document load event.
Added play call to click handler of a button with display:none and triggered its click event.

in all of the cases mentioned above, I am getting the same error i.e.

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://developer.chrome.com/blog/autoplay/

Please help me here.

Thanks in advance!!!

asked Jun 12 '23 at 13:36

Akshay Khale

8,151
8
50
58

its may be helpful. https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome – thienms98 Jun 12 '23 at 13:40
1

I guess let the user interact with the document first. – Kevin M. Mansour Jun 12 '23 at 13:41
None of the options shared are working, I tried those. – Akshay Khale Jun 12 '23 at 13:43
1

`when the page loads.` put a button on your site, maybe called `play music`, and do your `audio.play()` etc, it will work fine. If you want it to work just by loading the page, that's not going to happen. – Keith Jun 12 '23 at 13:52

HTML5 Audio Autoplay

0 Answers0