Balise audio
La balise audio contrôle la lecture
de fichiers audio sur une page HTML. Lorsqu'elle
est ajoutée, un lecteur apparaît sur la page,
il aura des boutons "Précédent", "Suivant",
"Stop" et ainsi de suite (leur apparence et leur nombre dépendent
du navigateur). Le chemin du fichier est spécifié via
l'attribut src ou la balise imbriquée source.
La balise source est nécessaire pour spécifier
les chemins vers les fichiers audio dans différents formats
(les navigateurs prenant en charge différents formats
audio, par exemple mp3 ou wav).
Si vous avez un enregistrement dans l'un des formats,
vous devez le convertir dans les autres.
À l'intérieur de la balise audio, vous pouvez écrire un texte
qui s'affichera dans les navigateurs qui
ne prennent pas en charge l'audio en HTML (cela est fait
afin d'en informer les utilisateurs).
Si vous souhaitez voir le lecteur pour contrôler la lecture
audio - vous devez ajouter l'attribut controls.
Sans cela, vous ne verrez rien - et il n'y aura pas non plus de son.
Pour avoir du son en l'absence de
lecteur - ajoutez l'attribut autoplay.
Attributs
| Attribut | Description |
|---|---|
src |
Spécifie le chemin vers le fichier audio.
Mais il est préférable d'utiliser pour cela la balise source
(dans ce cas, il sera possible de spécifier l'audio dans différents formats).
|
preload |
Utilisé pour charger le fichier audio en même temps que le chargement de la page du site.
Valeurs acceptées : none (ne pas charger le fichier, par défaut),
metadata (charger uniquement les métadonnées : durée de lecture, etc.),
auto (charger le fichier audio entier lors du chargement de la page HTML).
|
autoplay |
Le son commence à jouer immédiatement après le chargement de la page,
la présence de l'attribut preload sera ignorée.
Attribut sans valeur. |
controls |
Ajoute un panneau de contrôle au fichier audio.
la présence de l'attribut preload sera ignorée.
Attribut sans valeur. |
loop |
Répète l'enregistrement audio en "boucle" : après la fin, il recommence à jouer.
la présence de l'attribut preload sera ignorée.
Attribut sans valeur. Par défaut (si l'attribut est absent) l'enregistrement ne jouera qu' 1 fois.
|
muted |
Désactive le son de l'enregistrement audio.
Attribut sans valeur. Par défaut (si l'attribut est absent) le son de l'enregistrement est activé. |
Exemple . Lecteur sur une page de site
Ajoutons un lecteur avec un enregistrement audio sur la page.
Pour les navigateurs qui ne prennent pas en charge
la balise audio, un message spécial
est laissé à ce sujet :
<audio src="track.mp3" controls>
Votre navigateur ne prend pas en charge l'audio en HTML5.
</audio>
Exemple . Lecteur sur une page de site avec la balise source
Maintenant, au lieu de l'attribut src
pour la balise audio, ajoutons la balise source :
<audio controls>
<source src="track.mp3">
Votre navigateur ne prend pas en charge l'audio en HTML5.
</audio>
