Tag HTML <audio>
Le tag <audio> est utilisé pour ajouter un fichier audio sur la page Web. Comme ce ne sont pas tous les navigateurs, qui prennent en charge tous les formats audios, alors on code un fichier audio en utilisant les codecs spéciaux et on ajoute des fichiers simultanément via le tag <source>. Pour indiquer la variation du même fichier audio, on peut utiliser aussi l’attribut src. Le chemin d'accès au fichier audio peut contenir à la fois l'URL absolue et relative.
Syntaxe
Le contenu du tag est écrit entre le tag (<audio>) ouvrant et le tag (</audio>) fermant.
<audio>
<source src="URL" >
<source src="URL" >
</audio>Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<audio controls>
<source src="/build/audios/jingle_bells.ogg" type="audio/ogg">
<source src="/build/audios/audio.mp3" type="audio/mpeg">
</audio>
<p>Cliquez sur le bouton</p>
</body>
</html>Attributs
Le tag <audio> peut être modifié par les attributs, qui indiquent le chemin d’accès au fichier audio, ils indiquent comment le fichier audio doit être joué etc.
Avec les attributs controls, , autoplay, loop et muted, indiquer la valeur n'est pas requis. Si l'attribut est spécifié, cette fonction est considérée comme activée par défaut.
| Attribut | Signification | Description |
|---|---|---|
| autoplay | autoplay | Lis automatiquement le fichier audio après le chargement de la page. |
| controls | controls | Affiche le panneau de commande (bouton de démarrage, défilement, contrôle du volume). S’il n’y a pas d’attribut control, le fichier audio ne sera pas affiché sur la page. |
| loop | loop | Reproduit le fichier audio depuis le début après son achèvement. |
| muted | muted | Coupe le son lors de la lecture de musique. |
| preload | auto metadata none |
La lecture commence après le chargement de la page, indique au navigateur de télécharger une petite partie du fichier pour déterminer ses principales caractéristiques: (par exemple, la taille du fichier). La lecture ne commencera qu'après avoir cliqué sur le bouton correspondant. |
| src | URL | Indique le chemin d’accès au fichier audio. |
Le tag <audio> supporte les Attributs globaux et les Attributs d'événements.
Support de Navigateurs
|
|
|
|
|---|---|---|---|
| 4+ | 3.5+ | 4+ | 10.5+ |
Pratiquez vos connaissances
