在旧浏览器的页面中检测 MP3 支持

Question

I'm writing an mp3 playlist player, and I'm almost done... but, I would like to make the page compatible with older browser (people with older browsers will see a simple list of mp3 links: they can download them, it's not a problem). Now, I'm afraid I have some problem with javascript syntax, rather than with some specific command. So, this is my code:

 ilikemp3 = 0; if (document.createElement('audio').canPlayType('audio/mpeg;codecs="mp3"')) {ilikemp3 = 1}; if (ilikemp3) {audio_playlist_html5()} else {simple_audio_list()};

It's working fine on modern browsers... but, if I run it in older browsers, I get an error message:

Error: document.createElement("audio").canPlayType is not a function

So, I understand that's not the proper way to query a browser. Can somebody help me? Thanks a lot!

Answer 1

You could check for the existence of canPlayType in document.createElement('audio') and decide based on that.

if('canPlayType' in document.createElement('audio')) {
  //new player
}
else {
  //old player
}