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