Cet article sur le HTML explique comment utiliser la balise <audio> en présentant sa syntaxe d'utilsation et des exemples.
Description
La balise <audio> est utilisée pour intégrer du contenu sonore dans un document HTML, comme de la musique ou d'autres flux audio.
La balise <audio> contient une ou plusieurs balises <source> 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>.
Actuellement, il existe trois formats de fichiers audio pris en charge par la balise HTML5 audio : MP3, WAV et OGG.
Le tableau ci-dessous définit quel navigateur web supporte quel format de fichier audio.
| 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
Syntaxe
En HTML, la syntaxe de la balise <audio> est la suivante :
<audio controls>
<source src="exemple.mp3" type="audio/mpeg">
Texte alternatif pour les navigateurs qui ne prennent pas en charge la balise audio.
</audio>
Voici quelques spécifications concernant la balise HTML <audio> :
| Affichage | En ligne |
| Balises | Balise ouvrante (<audio>) et balise fermante (</audio>) |
| Utilisation | Intégrer des flux audio |
Attributs de la balise <audio>
Attributs spécifiques
Les attributs suivants sont spécifiques à la balise <audio> :
| Attribut | Valeur | Description |
|---|---|---|
| autoplay | autoplay | Il spécifie que l'audio commencera à être lu dès qu'il sera prêt. |
| controls | controls | Spécifie que les contrôles audio doivent être affichés (comme un bouton lecture/pause, etc.). |
| loop | loop | Il précise que le fichier audio recommencera à chaque fois qu'il sera terminé. |
| muted | muted | Il est utilisé pour couper la sortie audio ou le son. |
| preload | auto metadata none |
Spécifie si et comment l'auteur pense que l'audio doit être chargé lorsque la page se charge. |
| src | URL | Il spécifie l'URL du fichier audio |
Autres attributs
Tous les attributs globaux et les attributs d'évènements s'appliquent à la balise <aside>.
