HTML Balise <audio>

Somaire

Définition et utilisation balise audio

LES BALISES HTML

La balise <audio> définit un son, comme la musique ou d'autres flux de données audio.

La balise <audio> lorsqu’il a l’attribut controls ne peut pas être enfant de la balise <a>.

La balise <audio> lorsqu’il a l’attribut controls ne peut pas être enfant de la balise <button>.

La balise <audio> peut avoir plusieurs éléments <source> comme enfants.

Un élément audio doit posséder à la fois une balise <audio> de début et une balise </audio> de fin.

Exemple Émettre un signal sonore :

Sélectionner le code

	  <audio controls="controls">
	    <source src="horse.ogg" type="audio/ogg">
	    <source src="horse.mp3" type="audio/mp3">
	  Votre navigateur ne supporte pas la balise audio
	  </audio>
   

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La balise <audio> est pris en charge dans Internet Explorer 9, Firefox, Opera, Chrome et Safari.

Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas la balise <audio> .

Différences entre HTML 4.01 et HTML5

La balise <audio> est nouvelle en HTML5.

astuce Astuce : mettez un texte à l'intérieur entre <audio> et </audio> pour qu’il s'affiche dans les navigateurs qui ne prennent pas en charge la balise <audio> .

Ses attributs

Nouveau : Nouveauté en HTML5.

Attribut

Valeur

Description

AutoPlay Nouveau

AutoPlay

Spécifie que l'audio se met en lecture automatique dès qu'il est prêt

controls Nouveau

controls

Spécifie que les commandes doivent être affichées (par exemple, un bouton lecture/pause, etc.).

loop Nouveau

loop

Spécifie que l'audio va recommencer ajouer, chaque fois que c'est fini

preload Nouveau

auto
metadata
none

Spécifie comment l'audio doit être chargé lorsque la page est chargée

src Nouveau

URL

Spécifie l'URL du fichier audio

Attributs globaux

La balise <article> prend également en charge les Attributs globaux dans HTML.

Attributs de l'événement

La balise <article> prend également en charge les Attributs de l'événement au format HTML


Retour à l'accueil du site

Par carabde 10 mars 2014