HTML 5 insérer (ou ajouter) des Audios dans une page web

La balise audio

Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge l'élément <audio>.

Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas l'élément <audio>.

Formats audio et prise en charge des  navigateurs

Actuellement, il existe 3 formats de fichiers pris en charge pour l'élément <audio> : MP3, Wav et Ogg .

Le tableau suivant montre les formats prisent en charge par les navigateurs les plus utilisées :

Le tableau montre qu’aucun des navigateurs ne prend en charge les trois formats 

HTML5 Audio - Comment ça marche

Pour lire un fichier audio en HTML5, tout ce dont vous avez besoin est la balise <audio> et la balise <source>, sans installer quoi que ce soit et sans ajouter de plug-in dans le navigateur.

Exemple :

Exemple :      Copier le code

<audio controls="controls">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Ce navigateur ne prend pas en charge la balise audio
</audio>

L'attribut controle ajoute des contrôles audio, tels que lecture, pause et volume.

Vous devez également insérer un contenu textuel entre  les balises <audio> et </audio> pour les navigateurs qui ne prennent pas en charge l'élément <audio>.

L'élément <audio> permet de multiples éléments <source>.

On peut utiliser plusieurs éléments source avec différents fichiers audio. Le navigateur utilisera le premier format reconnu.

HTML5 Balises Audio