Audio HTML5 (audio)


HTML5 fournit un standard pour la lecture des fichiers audio.

L'audio sur Internet

Jusqu'à présent, il n'existait aucune norme pour la lecture audio sur les pages Web.

Aujourd'hui, la plupart des fichiers audio sont lus via des plug-ins (tels que Flash). Cependant, tous les navigateurs ne disposent pas des mêmes plugins.

HTML5 spécifie une norme pour l'intégration d'éléments audio dans des pages Web, à l'aide de l'élément <audio>

Prise en charge des navigateurs

Internet Explorer

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

Remarque : Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge l'élément <audio>.

Audio HTML5 - Comment ça marche

Si nécessaire Pour lire de l'audio en HTML5, vous devez utiliser le code suivant :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>

Exécuter l'instance»Cliquez sur le bouton "Exécuter" Exemple "pour afficher des exemples en ligne

L'attribut de contrôle est utilisé pour ajouter des commandes de lecture, de pause et de volume.

Entre <audio> et </audio>, vous devez insérer le texte d'invite de l'élément <audio> L'élément

<audio> permet l'utilisation de plusieurs éléments <source> L'élément <source> >

Formats audio et prise en charge du navigateur

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

浏览器MP3WavOgg
Internet Explorer 9+YESNONO
Chrome 6+YESYESYES
Firefox 3.6+YESYESYES
Safari 5+YESYESNO
Opera 10+YESYESYES
Type MIME de format audio

Balise audio HTML5

标签描述
<audio>定义了声音内容
<source>规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用