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)loopmuted
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.
Laisser un commentaire