Failed to load because no supported source was found. when playing HTML5 audio element

javascript html google-chrome audio chromium
Sergii Bishyr picture Sergii Bishyr · May 13, 2016 · Viewed 41.2k times · Source

I have HTML5 audio element

<audio src="/sounds/call.wav" id="audio1" repeated="0" repetitions="1" class="audio_sound"></audio>

If I try to call element.play() strange error appears in Chrome web console.

Uncaught (in promise) DOMException: Failed to load because no supported source was found.

I haven't found any clues why this error appears and how to fix it.

Answer

Andrew Serong picture Andrew Serong · May 24, 2016

This may or may not help, but I ran into the same error message on an .mp3 source file. I'd been updating the content and refining the mp3, not realising that the browser had cached the original version of the mp3 file (or part of it, at least). I can't find any info to back this up, but anecdotally it seems that part of the audio file might be cached and when the browser attempts to retrieve the rest of the file, it can't (or doesn't) retrieve a full working version.

I'd try renaming your .wav file to something you haven't used before and see if it starts working.

Related questions

How to prevent "The play() request was interrupted by a call to pause()" error?

I made a website where if the user clicks, it plays a sound. To prevent the sound from overlapping, I had to add the code: n.pause(); n.currentTime = 0; n.play(); But that causes the error: The play() request was …

Read More
How do I load an HTML page in a <div> using JavaScript?

I want home.html to load in <div id="content">. <div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div> <div id ="content"> </div> <…

Read More
Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser

I have a HTML table in velocity template. I want to export the html table data to excel using either java script or jquery, comatibale with all browser. I am using below script <script type="text/javascript"> function …

Read More