How to check if new Audio is supported by browser?

Question

In safari 5, new Audio is not supported, so the error console displays :

TypeError : 'undefined' is not a constructor (evaluating 'new Audio')

How could I programatically know whether new Audio is supported by browser ?

Answer 1

I guess you might just try it...

var createAudio = function() {
 try {
    return new Audio(); 
 } catch(e) {
    return false;
 }
};
var audio = createAudio();
if(audio) {
  // start playing... or check formats etc.
}

In case there is exception, the Audio class does not exist and returns false.

For more detailed solution check Modernzr library: http://modernizr.com/docs/#audio

The related solution is here Detecting html5 audio support with Modernizr