Accueil    HTML    Balise Audio
 



balise audio  Balise AUDIO : flux audio

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <audio> permet de lire des fichiers sons ou des flux audio directement dans la page en proposant un lecteur intégré avec des contrôles génériques tels que lecture, pause et contrôle du volume. Lorsque le fichier audio n'est pas trouvé ou que son format n'est pas supporté, le lecteur n'est pour certains navigateurs pas visible.

La balise <source> permet de définir au sein de l'élément <audio> plusieurs ressources alternatives au cas où le navigateur ne supporterai pas le format initialement spécifié dans l'attribut "src" (il faut alors supprimer l'attribut "src" et spécifier les différents fichiers par ordre de priorité dans les balises <source>).

Le support des formats audio les plus courants par les navigateurs est le suivant :

firefox
V 14 et +
chrome
V 20 et +
internet explorer
V. 9
safari
V 5.1 et +
opera
12 et +
mp3 non supporté ok ok ok non supporté
ogg ok ok non supporté non supporté ok
wav ok ok non supporté ok ok


Remarque : la balise object permet également de lire des fichiers audio, et prend parfois en charge certains formats non supportés par la balise <audio> (comme le mp3 avec Firefox par exemple).



Propriétés pour la balise audio :




Propriétés Définition Valeurs
autoplay Indique que le fichier son doit être lu automatiquement lorsqu'il est chargé autoplay
controls Affiche le lecteur audio et ses différentes fonctionalités (lecture, pause, volume ...) controls
loop Indique que le fichier son doit être joué en boucle loop
preload Spécifie le mode de chargement du fichier son à l'ouverture de la page auto
metadata
none
src URL du fichier son qui sera lu URL


Exemple d'utilisation de la balise audio :




Lecture d'un fichier audio au format mp3 ou ogg suivant le support du format audio par le navigateur

<audio controls="controls">
   <source src="exemples/exemple.mp3" type="audio/mp3" />
   <source src="exemples/exemple.ogg" type="audio/ogg" />
   Votre navigateur ne supporte pas le tag <audio>.
</audio>



Lecture d'un fichier audio au format mp3 ou ogg suivant le support du format audio par le navigateur