Mise à jour : 2014-11-02
Une balise dédiée permet l'intégration de l'audio.
Cela devient plus facile et plus intuitif d'intégrer de l'audio (aussi facile que pour une image).
L'auteur d'une page web ne doit plus se soucier de savoir si l'utilisateur possède les bons codecs, car ceux-ci sont inclus de manière native.

<audio>

  • src : URL du fichier audio.
  • autoplay : joue le fichier automatiquement.
  • loop : joue en boucle.
  • controls : affiche les contrôles.

Formats


Formats supportés
  Logo Chrome Logo Firefox Logo Internet Explorer Logo Opera
WAV Item supporté Item supporté Item non supporté Item supporté
OGG Item supporté Item supporté Item non supporté Item supporté
MP3 Item supporté Item supporté Item supporté Item supporté
AAC Item supporté Item supporté Item supporté Item non supporté
AIFF Item non supporté Item non supporté Item non supporté Item non supporté
AU Item non supporté Item non supporté Item non supporté Item non supporté

Notes sur le tuto


Exemple de code HTML5

WAV : (loop)<br/>
<audio src="media/sample.wav" autoplay controls loop>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

OGG : (loop)<br/>
<audio src="media/sample.ogg" autoplay controls loop>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

MP3 : (loop)<br/>
<audio src="media/recit.mp3" autoplay controls loop>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

AAC : (version Apple)<br/>
<audio src="media/warOfTheWorlds.m4b" autoplay controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

AAC : (version Dolby)<br/>
<audio src="media/sample.aac" autoplay controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

AIFF :<br/>
<audio src="media/sample.aiff" controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

AU :<br/>
<audio src="media/sample.au" controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

FLAC :<br/>
<audio src="media/recit16bit.flac" controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

MIDI :<br/>
<audio src="media/missionImpossible2.mid" controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio><br/><br/>

WMA :<br/>
<audio src="media/recit16bit.wma" controls>
	<span class="ko">&lt;audio&gt; non supportée !</span></audio>

Démonstration du résultat HTML5


WAV : (loop)


OGG : (loop)


MP3 : (loop)


AAC : (version Apple)


AAC : (version Dolby)


AIFF :


AU :


FLAC :


MIDI :


WMA :