Aller au contenu principal

Le site sera en maintenance le 19/04/2026 entre 09h30 et 12h00.

Aller au contenu principal

Ajouter de l'audio (`<audio>`)

HTML : Le Guide Ultime
2 min de lecture
0 commentaires
Gratuit

HTML5 permet d'intégrer l'audio nativement.

Lecteur audio intégré

Option 1 : méthode simple

<audio src="podcast.mp3" controls></audio>

controls affiche les boutons de lecture. Sans controls, l'utilisateur ne peut généralement pas piloter la lecture.

Option 2 : méthode recommandée (plusieurs formats)

<audio controls>
  <source src="podcast.wav" type="audio/wav">
  <source src="podcast.mp3" type="audio/mpeg">
  Votre navigateur ne peut pas lire cet audio.
</audio>

Le navigateur teste les sources dans l'ordre et prend le premier format compatible.

Si aucun format ne fonctionne, le texte de secours s'affiche.

Attributs utiles

  • autoplay (souvent à éviter)
  • loop
  • muted

En pratique, autoplay est souvent bloqué par les navigateurs, surtout si le son n'est pas muet. Privilégie une lecture déclenchée par l'utilisateur.

Commentaires (0)

Laisser un commentaire

Aucun commentaire pour le moment. Soyez le premier à commenter !