Audio

2

Src/Source

Afficher un lecteur audio peut se faire en une seule ligne, comme suit:

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

Telle une image 🖼️

Il est aussi possible, de l’afficher avec une ou des balises enfants de type source, de la sorte:

<audio>
  <source src="audio.mp3">
  <source src="audio.flac">
</audio>

Si vous ne désirez pas avoir à fournir plusieurs sources, les mp3 sont supportés sur tous les navigateurs modernes. caniuse.com/mp3

Controls

Si présent, cet attribut indique au navigateur d’afficher les contrôles de base du lecteur audio.

  • play/pause
  • volume
  • etc.

À moins de définir ses propres boutons, il est préférable dans la majorité des cas d'ajouter cet attribut.

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

Sans cet attribut, le lecteur audio sera invisible.

Loop

Indique au navigateur de jouer l'udio en boucle 🔁

<audio src="audio.mp3" loop></audio>

Autoplay

Indique au navigateur de démarrer l'audio si possible dès le chargement de la page.

<audio src="audio.mp3" autoplay></audio>

Les navigateurs bloquent presque tous cette option à moins qu'ils aient détecté un engagement de la part de l'utilisateur. Par exemple: avoir déjà déclenché manuellement un son, etc.

Donnez votre opinion
sur les notes de cours sur cette page.
Merci d'avoir partagé ton opinion 😎
Pssst, c'est 💯 anonyme