L’insertion d’un Fichier audio:insertionfi Multimédia:fichier audiochier audio

L’insertion d’un fichier audio est très similaire à ce que nous venons de voir pour la vidéo.

Comme pour la vidéo, l’élément <audio> ne possède aucune propriété d’affichage par défaut.

L’élément à utiliser est <audio> et l’attribut Audio:srcsrc indique quel est le fichier à utiliser. Il faut ajouter l’attribut Audio:controlscontrols pour afficher les boutons de contrôle de l’audio. Nous retrouvons les attributs Audio:autoplayautoplay, Audio:looploop et Audio:preloadpreload. 

<audio src="musique.mp3" controls preload autoplay loop></audio>

Voici l’affichage obtenu dans Google Chrome :

Comme précédemment, vous pouvez proposer plusieurs sources, avec différents formats de diffusion :

<audio controls> 
   <source src="musique.mp3"> 
   <source src="musique.webm"> 
</audio>

Et pour finir, vous pouvez aussi indiquer un message pour les anciens navigateurs :

<audio controls> 
   <source src="musique.mp3"> 
   <source src="musique.webm"> 
   <p>Votre navigateur est trop ancien pour lire ces fichiers audio</p> 
</audio>