Audio HTML5(audio)

Audio(audio) HTML5

HTML5 menyediakan standard untuk memainkan fail audio.


Audio di Internet

Sehingga kini, tiada standard untuk memainkan audio pada halaman web .

Hari ini, kebanyakan audio dimainkan melalui pemalam (seperti Flash). Walau bagaimanapun, tidak semua pelayar mempunyai pemalam yang sama.

HTML5 menentukan standard untuk membenamkan elemen audio pada halaman web, menggunakan elemen <audio>


Sokongan penyemak imbas

8.jpg


Internet Explorer 9+, Firefox, Opera, Chrome dan Safari semuanya menyokong elemen <audio>.

Nota: Internet Explorer IE 8 dan lebih awal tidak menyokong elemen <audio>


Audio HTML5 - Cara ia berfungsi Untuk memainkan audio dalam HTML5, anda perlu menggunakan kod berikut: <. 🎜>

<!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>
Atribut kawalan digunakan untuk menambah kawalan main, jeda dan kelantangan. Antara <audio> dan </audio> anda perlu memasukkan teks gesaan <audio> Elemen

<audio> membenarkan penggunaan berbilang elemen <sumber> >

Format audio dan sokongan penyemak imbas

Pada masa ini, elemen <audio> menyokong tiga fail format audio: MP3, Wav dan 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
    Wavaudio/wav


HTML5 Audio 标签


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


   

 属性


    <audio>定义了声音内容
    

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


<🎜><🎜><🎜><🎜><🎜><🎜 >
Meneruskan pembelajaran
||
<!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>
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!