Comment lire un fichier audio avec le HTML ?

Active 17 août 2014    /    Viewed 3166    /    Comments 0    /    Edit


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.

<!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

Liens Site
HTML Sounds / Audio w3schools
How to Make an MP3 File wikihow
audacity audacity
Lecture d’un fichier .mp3 ou audio en HTML5 41mag
HTML - inserer un fichier audio youtube video
How do I make an mp3 audio file with my mac? yahoo
Amazing Audio Player amazingaudioplayer
Make Your Own MP3 Files or Record Audio Playing on Your Computer deskshare
Django - Adding audio track to page stackoverflow


Card image cap
profile-image
Daidalos

Hi, I am Ben.

I have developed this web site from scratch with Django to share with everyone my notes. If you have any ideas or suggestions to improve the site, let me know ! (you can contact me using the form in the welcome page). Thanks!