Comment lire un fichier audio avec le HTML ?

Published: 17 août 2014

DMCA.com Protection Status

Avec le langage HTML5, il est possible de lire des fichiers audio dans votre page HTML, en passant par la balise HTML5 intitulée: "audio" (voir le site w3schools pour plus de détails). Pour que le lecteur audio marche dans la majorité des navigateurs internet (i.e. firefox, chrome, safari, ...) le fichier audio doit être enregistré sous le format mp3. Exemple:

Lecteur audio avec HTML5.
Lecteur audio avec HTML5.

<!DOCTYPE html>
<html>
<body>

<audio controls>
  <source src="MySong.mp3" type="audio/mpeg">
  Your browser does not support this audio format.
</audio>
</body>
</html>

Cependant, il arrive que le format mp3 ne soit pas reconnu par le navigateur internet du visiteur. Dans ce cas la balise va afficher dans l'exemple ci-dessus: "Your browser does not support this audio format". Maintenant pour créer un fichier audio au format mp3 il existe de nombreuses possibilités: par exemple avec GarageBand sur mac ou en passant par audacity (voir How to Make an MP3 File sur wikihow). Il est aussi possible de modifier l'apparence du lecteur audio dans la page HTML: voir par exemple Amazing Audio Player.

Recherches associées

Image

of