HTML5


La balise <audio>

En HTML4 il était possible de mettre lire un fichier audio en fond sonore à l'aide de la balise <bgsound> :

<bgsound src="son.wav" loop="1">

Cette solution était néanmoins très mauvaise, car elle ne permettait aucun contrôle du fichier joué.

Il était également possible d'inclure un fichier son dans une balise <object>, à travers l'utilisation d'un plug-in audio pour le navigateur ou du lecteur flash.

Ces solutions posent les mêmes problèmes que ceux évoquées pour la balise <video>.

Utilisation de la balise <audio>

L'utilisation de la balise <audio> est très similaire à celle de la balise <video> :

<audio src="audio/music.ogg" id="audio" autoplay />

API

La balise <audio> dispose également d'une API permettant de créer des contrôles :

<script>
    var audio = document.getElementById("audio");
</script>

<button type="button" onclick="audio.play();">Lecture</button>
<button type="button" onclick="audio.pause();">Pause</button>
<button type="button" onclick="audio.currentTime = 0;"><< Rembobiner</button>