Détecter le support MP3 dans une page pour un vieux navigateur

Question

Je suis en train d'écrire un lecteur de liste de lecture de mp3, et j'ai presque terminé... mais, je voudrais rendre la page compatible avec les anciens navigateurs (les gens avec des navigateurs plus anciens verront une simple liste de liens mp3 : ils peuvent les télécharger, ce n'est pas un problème). Maintenant, j'ai peur d'avoir un problème avec la syntaxe javascript, plutôt qu'avec une commande spécifique. Voici donc mon code :

ilikemp3 = 0;

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

if (ilikemp3)
{audio_playlist_html5()}
else
{simple_audio_list()};

Il fonctionne bien sur les navigateurs modernes... mais, si je l'exécute dans des navigateurs plus anciens, j'obtiens un message d'erreur :

Erreur : document.createElement("audio").canPlayType n'est pas une fonction

Donc, je comprends que ce n'est pas la bonne façon d'interroger un navigateur. Quelqu'un peut-il m'aider ? Merci beaucoup !

Answer 1

Vous pourriez vérifier l'existence de canPlayType sur document.createElement('audio') et décider en fonction de cela.

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