HTML Audio
L'élément HTML <audio> est utilisé pour lire un fichier audio sur une page web.
L'élément HTML <audio>
Pour lire un fichier audio en HTML, utilisez l'élément <audio> :
Exemple
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Votre navigateur ne prend pas en charge l'élément audio.
</audio> HTML Audio - Comment ça fonctionne
L'attribut controls ajoute des contrôles audio, tels que lecture, pause et volume.
L'élément <source> vous permet de spécifier des fichiers audio alternatifs parmi lesquels le navigateur peut choisir. Le navigateur utilisera le premier format reconnu.
Le texte entre les balises <audio> et </audio> ne sera affiché que dans les navigateurs qui ne prennent pas en charge l'élément <audio> .
HTML <audio> Autoplay
Pour démarrer un fichier audio automatiquement, utilisez l'attribut autoplay :
Exemple
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Votre navigateur ne prend pas en charge l'élément audio.
</audio> Remarque : Les navigateurs Chromium ne permettent pas l'autoplay dans la plupart des cas. Cependant, l'autoplay en mode muet est toujours autorisé.
Ajoutez muted après autoplay pour que votre fichier audio commence à jouer automatiquement (mais en mode muet) :
Exemple
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Votre navigateur ne prend pas en charge l'élément audio.
</audio> Support des navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément <audio> .
| Élément | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Formats audio HTML
Il existe trois formats audio pris en charge : MP3, WAV et OGG. Le support des navigateurs pour les différents formats est le suivant :
| Navigateur | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | OUI | OUI* | OUI* |
| Chrome | OUI | OUI | OUI |
| Firefox | OUI | OUI | OUI |
| Safari | OUI | OUI | NON |
| Opera | OUI | OUI | OUI |
*Depuis Edge 79
HTML Audio - Types de médias
| Format de fichier | Type de média |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio - Méthodes, Propriétés et Événements
Le DOM HTML définit des méthodes, des propriétés et des événements pour l'élément <audio> .
Cela vous permet de charger, lire et mettre en pause des fichiers audio, ainsi que de définir la durée et le volume.
Il existe également des événements DOM qui peuvent vous notifier lorsqu'un audio commence à jouer, est mis en pause, etc.
Pour une référence complète du DOM, rendez-vous sur notre Référence DOM HTML Audio/Video .
Balises audio HTML
| Balise | Description |
|---|---|
| <audio> | Définit le contenu sonore |
| <source> | Définit plusieurs ressources multimédias pour des éléments tels que <video> et <audio> |