Question

Is it possible to detect if the browser has Html5 Audio support through Modernizr? If so how is this done? If not are there any work around’s? There’s few resources on Google explaining this, so any help would be appreciated.

Answer 1

Yes, through modernizr.audio. It supports a number of audio formats (currently ogg, mp3, m4a & wmv). Example:

var audio = new Audio();
audio.src = Modernizr.audio.ogg ? 'background.ogg' :
            Modernizr.audio.mp3 ? 'background.mp3' :
                                  'background.m4a';
audio.play();

More info in the documentation.