Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS <audio> : Démo HTML5

Mise à jour : 2017-01-27
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>

Formats


Formats supportés
  Logo Chrome Logo Firefox Logo Edge Logo Safari/iOS
WAV Item supporté Item supporté Item supporté Item supporté
OGG Item supporté Item supporté Item non supporté Item non supporté
MP3 Item supporté Item supporté Item supporté Item supporté
AAC Item supporté Item supporté Item supporté Item supporté
AIFF Item non supporté Item non supporté Item non supporté Item supporté
AU Item non supporté Item non supporté Item non supporté Item supporté
FLAC Item supporté Item 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>

FLAC :<br>
<audio src="media/recit16bit.flac" 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>

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)


FLAC :


AIFF :


AU :


MIDI :


WMA :

Can I Use audio? Data on support for the audio feature across the major browsers from caniuse.com.