HTML5 Audio(音頻)

互聯(lián)網(wǎng)上的音頻

直到現(xiàn)在，仍然不存在一項(xiàng)旨在網(wǎng)頁上播放音頻的標(biāo)準(zhǔn)。

今天，大多數(shù)音頻是通過插件（比如 Flash）來播放的。然而，并非所有瀏覽器都擁有同樣的插件。

HTML5 規(guī)定了在網(wǎng)頁上嵌入音頻元素的標(biāo)準(zhǔn)，即使用 <audio> 元素。

瀏覽器支持

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素.

注意: Internet Explorer 8 及更早IE版本不支持 <audio> 元素.

HTML5 Audio - 如何工作

如需在 HTML5 中播放音頻，你需要使用以下代碼：

實(shí)例

<audio controls>
  <source src="音頻文件名稱" type="音頻文件格式">
  <source src="音頻文件名稱" type="音頻文件格式">
您的瀏覽器不支持 audio 元素。
</audio>

音頻格式及瀏覽器支持

目前, <audio>元素支持三種音頻格式文件: MP3, Wav, 和 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                 YES    

屬性

屬性                                   值                                   描述

autoplay                       autoplay        如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。    

controls                         controls        如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。    

loop                                 loop            如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時重新開始播放。    

preload                         preload          如果出現(xiàn)該屬性，則音頻在頁面加載時進(jìn)行加載，并預(yù)備播放。

                                                            如果使用 "autoplay"，則忽略該屬性。

src                                     url             要播放的音頻的 URL。