Audio HTML5 (audio)
HTML5 Audio(audio)
HTML5 fournit une norme pour la lecture de fichiers audio.
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 du navigateur
Remarque : Internet Explorer IE 8 et versions antérieures ne prennent pas en charge l'élément <audio>
Audio HTML5 - Comment ça marche Pour lire de l'audio en HTML5, vous devez utiliser le code suivant : <!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>
L'attribut control 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 navigateurActuellement, l'élément <audio> prend en charge trois fichiers au format audio : MP3, Wav et Ogg :| 浏览器 | MP3 | Wav | Ogg |
| Internet Explorer 9+ | YES | NO | NO |
| Chrome 6+ | YES | YES | YES |
| Firefox 3.6+ | YES | YES | YES |
| Safari 5+ | YES | YES | NO |
| Opera 10+ | YES | YES | NO |
音频格式的MIME类型
| <🎜>MIME-typ<🎜><🎜>e | ||||||||
| audio/mpeg | |||||||||
| Ogg | audio/ogg | ||||||||
| audio/wav |
HTML5 Audio 标签
| 属性 | ||||||
| <audio> | 定义了声音内容 | ||||||
| <source> | 规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用 |
![Combat réel Front-end Vue3 [projet vue manuscrit]](https://img.php.cn/upload/course/000/000/068/639b12e98e0b5441.png)
![Tutoriel APIPOST [Vulgarisation des concepts techniques liés à la communication réseau]](https://img.php.cn/upload/course/000/000/068/63996f34c6c94370.png)
