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.