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">
Your browser does not support the audio element.
</audio>
Try it Yourself »
HTML Audio - Comment ça marche
L'attribut controls ajoute des commandes audio, telles que la lecture, la pause et le 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 le font pas. prend en charge l'élément <audio>.
HTML <audio> Autoplay (Lecture automatique)
Pour démarrer automatiquement un fichier audio, utilisez l'attribut autoplay :
Exemple
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Try it Yourself »
Remarque : Les navigateurs Chromium n'autorisent pas la lecture automatique dans la plupart des cas. Cependant, la lecture automatique en sourdine est toujours autorisée.
Ajoutez muted après autoplay pour permettre à votre fichier audio de démarrer automatiquement (mais en mode silencieux) :
Exemple
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Try it Yourself »
Prise en charge du navigateur
Les numéros 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 |
HTML Formats audio
Il existe trois formats audio pris en charge : MP3, WAV et OGG. Le support du navigateur pour les différents formats est :
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*From 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 les méthodes, propriétés et événements pour l'élément <audio>.
Cela vous permet de charger, lire et mettre en pause des audios, ainsi que de définir la durée et le volume.
Il existe également des événements DOM qui peuvent vous avertir lorsqu'un fichier audio commence à jouer, est mis en pause, etc.
Pour une référence DOM complète, rendez-vous sur notre Référence HTML Audio/Vidéo DOM.
HTML Balises audio
| Balise | Description |
|---|---|
| <audio> | Définit le contenu sonore |
| <source> | Définit plusieurs ressources multimédias pour les éléments multimédias, tels que <video> et <audio> |
