#HTML5 AUDIO AUTOPLAY MOBILE ANDROID#

#1 - One does not simply play sound on JS event And if you know the rules, you know why all tests fail and how you can deal with that. HTML5 Audio is pretty f***ed up on iOS too, but it works. But why? Is HTML5 Audio compatibility really that bad on iPad and iPhone, especially when it's the only way to include sound?

#HTML5 AUDIO AUTOPLAY MOBILE ANDROID#

If you run through some tests and view the browser compatibilty list, you will see that many tests fail on mobile browsers like early Android implementations and especially on iOS devices. This is not only the recommended way of building websites and web-apps, but even more a mindset or way of thinking: Ask your browser what it can do (do a test), and you know what you can use, absolutely independent of browser vendors and versions.įor such a complex feature like HTML5 Audio, it's great that with areweplayingyet there is a community out there which supplies such tests for HTML5 Audio subfeatures, API calls and best practices like hot swapping audio sources. With Modernizr we made a huge step away from applying features by browser detection towards feature detection. This article is a follow-up to my talk at the Barcamp in Salzburg in March and was inspired by Chris Heilmans tweets on that topic a few days ago.įirst of all: We all know Modernizr, we all use it and we all love it. But you haven't experienced true pain and suffering until you try to get HTML5 audio done on mobile devices. HTML5 Audio on desktop browsers is a mess.

Html5 audio autoplay mobile