How to detect HTML5 audio MP3 support?

html html5-audio browser-feature-detection
footy picture footy · Dec 12, 2011 · Viewed 24.9k times · Source

I know how to check in Javascript if HTML5 audio playback is available. But how do I specifically check if MP3 audio playback is available, as IE9 and Chrome support it, while Firefox and Opera do not.

Answer

keyboardP picture keyboardP · Dec 12, 2011

You could either check the User-Agent and see what browser is being used or you could test support with Javascript.

var a = document.createElement('audio');
return !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));

I got the above code from this page.

return !!(a.canPlayType) is better because (some recent versions of)Firefox not supports mp3 and a.canPlayType('audio/mpeg;') will be false

Related questions

How to play audio?

I am making a game with HTML5 and JavaScript. How could I play game audio via JavaScript?

Read More
Sound effects in JavaScript / HTML5

I'm using HTML5 to program games; the obstacle I've run into now is how to play sound effects. The specific requirements are few in number: Play and mix multiple sounds, Play the same sample multiple times, possibly overlapping playbacks, Interrupt …

Read More
HTML5 Audio stop function

I am playing a small audio clip on click of each link in my navigation HTML Code: <audio tabindex="0" id="beep-one" controls preload="auto" > <source src="audio/Output 1-2.mp3"> <source src="audio/Output 1-2.…

Read More