communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

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

8.jpg


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

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 navigateur

Actuellement, 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类型

< td width="193" valign="top" style="border-width: 1px; border-style: solid; word-break: break-all;">    MP3
   
    格式     MIME-type
    MP3audio/mpeg
    Oggaudio/ogg
    Wavaudio/wav
格式 <🎜><🎜> 		   <🎜>MIME-typ<🎜><🎜>e
audio/mpeg
    Oggaudio/ogg
audio/wav

HTML5 Audio 标签


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


   

 属性


    <audio>定义了声音内容
    

    <source>		规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用


<🎜><🎜><🎜><🎜><🎜><🎜 >
Formation continue
||
<!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>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492854 joue