HTML <audio> Tag
Exemple
Jouez un fichier audio :
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Votre navigateur ne prend pas en charge la balise audio.
</audio> Définition et Utilisation
La <audio> balise est utilisée pour intégrer du contenu audio dans un document, tel que de la musique ou d'autres flux audio.
La <audio> balise contient une ou plusieurs <source> balises avec différentes sources audio. Le navigateur choisira la première source qu'il prend en charge.
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> .
Il existe trois formats audio pris en charge dans HTML : MP3, WAV et OGG.
Format Audio et Support des Navigateurs
| 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 |
*À partir de Edge 79
Conseils et Remarques
Conseil : Pour les fichiers vidéo, consultez la balise <video> .
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.
| Élément | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| autoplay | autoplay | Spécifie que l'audio commencera à jouer dès qu'il est prêt |
| controls | controls | Spécifie que les contrôles audio doivent être affichés (comme un bouton de lecture/pause, etc.) |
| loop | loop | Spécifie que l'audio recommencera à chaque fois qu'il est terminé |
| muted | muted | Spécifie que la sortie audio doit être coupée |
| preload | auto metadata none | Spécifie si et comment l'auteur pense que l'audio doit être chargé lors du chargement de la page |
| src | URL | Spécifie l'URL du fichier audio |
Attributs Globaux
La <audio> balise prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La <audio> balise prend également en charge les Attributs d'Événement en HTML .
Pages Associées
Référence DOM HTML : Référence DOM Audio/Video HTML
Paramètres CSS par Défaut
Aucun.