Balise <audio> HTML

Définition et utilisation

<audio> La balise est utilisée pour intégrer du contenu audio dans le document, par exemple de la musique ou d'autres flux audio.

<audio> La balise peut contenir une ou plusieurs sources audio différentes Balise <source>. Le navigateur choisira la première source qu'il prend en charge.

<audio> et </audio> Le texte entre les balises ne s'affichera que si le navigateur ne prend pas en charge <audio> l'élément est affiché dans le navigateur.

Astuce :Pour les fichiers vidéo, veuillez consulter Balise <video>.

HTML prend en charge trois formats audio : MP3, WAV et OGG.

Formats audio et support par navigateur

Navigateur MP3 WAV OGG
Edge / IE Supporté Supporté * Supporté *
Chrome Supporté Supporté Supporté
Firefox Supporté Supporté Supporté
Safari Supporté Supporté Non supporté
Opera Supporté Supporté Supporté

* Depuis Edge 79

Veuillez également consulter :

Manuel de référence DOM HTML :Manuel de référence Audio/Video DOM HTML

Exemple

Jouer le fichier audio :

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Votre navigateur ne prend pas en charge la balise audio.
</audio>

Essayez-le vous-même

Attribut

Attribut Valeur Description
autoplay autoplay La règle stipule que l'audio commence immédiatement à jouer une fois prêt.
contrôles contrôles La règle stipule que les contrôles audio doivent être affichés (par exemple, les boutons de lecture/pause, etc.).
boucle boucle La règle stipule que l'audio redémarre à chaque fin.
muted muted Définit que l'audio doit être silencieux lors de la sortie.
preload
  • auto
  • metadata
  • none
 Définit si et comment l'audio doit être chargé au chargement de la page.
src URL Définit l'URL du fichier audio.

Attributs globaux

<audio> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<audio> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

Aucun.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge le premier élément.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5