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é)束時(shí)重新開始播放。 ? ?

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

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

src ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? url ? ? ? ? ? ? 要播放的音頻的 URL。 ? ?