English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML5 Audio (audio)

HTML5 Fournit des normes pour la lecture de fichiers audio.

Audio sur Internet

Jusqu'à présent, il n'existe pas de norme spécifique pour la lecture d'audio sur le web.

Aujourd'hui, la plupart des fichiers audio sont joués via des plugins (comme Flash). Cependant, tous les navigateurs ne possèdent pas les mêmes plugins.

HTML5 Définit la norme pour intégrer des éléments audio dans une page web, c'est-à-dire utiliser l'élément <audio>.

Support du navigateur

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

Attention : Internet Explorer 8 Les versions IE plus anciennes ne prennent pas en charge l'élément <audio>.

HTML5 Audio - Comment ça fonctionne

Si vous souhaitez jouer un fichier audio dans HTML,5 Pour jouer un fichier audio dans une page HTML, vous devez utiliser le code suivant :

!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Base Tutorial(oldtoolbag.com)</title> 
</head>
<body>
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Votre navigateur ne prend pas en charge l'élément audio.
</audio>
</body>
</html>
Testez pour voir ‹/›

L'attribut control permet d'ajouter des contrôles de lecture, de pause et de volume.

Dans <audio> et </Entre l'<audio> et le texte d'erreur que le navigateur ne prend pas en charge pour l'élément <a audio>.

L'élément <audio> permet l'utilisation de plusieurs éléments <source>. Les éléments <source> peuvent lier différents fichiers audio, et le navigateur utilisera le premier fichier audio pris en charge.

Formats audio et prise en charge par les navigateurs

Actuellement, l'élément <audio> prend en charge trois formats de fichiers audio: MP3, Wav et Ogg:

NavigateurMP3WavOgg
Internet Explorer 9+OUINONNON
Chrome 6+OUIOUIOUI
Firefox 3.6+OUIOUIOUI
Safari 5+OUIOUINON
Opera 10+OUIOUIOUI

Type MIME des formats audio

FormatMIME-type
MP3audio/mpeg
Oggaudio/ogg
Wavaudio/wav

HTML5 Balise Audio

BaliseDescription
<audio>Définit le contenu audio
<source>Définit les ressources multimédias, qui peuvent être multiples, entre <video> et Utilisé dans la balise <audio>