masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492850 permainan