HTML5?Audio(音訊)

#網(wǎng)路上的音訊

直到現(xiàn)在，仍然不存在一項旨在網(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 中播放音頻，你需要使用以下程式碼：

實例

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

音訊格式及瀏覽器支援

目前, <audio>元素支援三種音訊格式檔案: MP3 , Wav, andOgg:

瀏覽器? ? ? ? ? ? ? ? ? ? ? ? ? MP3 ? ? ?#Internet Explorer 9+ ? ? ?YES ? ? ? ? ? ? ? ? NO ? ? ? ? ? ? ? ? NO ? ?

##Chrome 6 + ? ? ? ? ? ? ? ? ? ?YES ? ? ? ? ? ? ? ? YES ? ? ? ? ?? ? ? YES ? ? ? ? ? ? ? ? YES ? ? ? ? ? ? ? ? YES ? ?

Safari 5+ ? ? ? ? ? ? ? ? ? ? ? ?YES ? ? ? ? ? ? ? ? YES?? ? ? ? ? ? ? ? ?YES ? ? ? ? ? ? ? ?YES ? ? ? ?? ? ? ? ? ? ? ? ? ? ? 值? ? ? ? ? ? ? ? ? ? ? ? #? ?

##autoplay ? ? ? ? ? ? ? ? ? ? ? autoplay ? ? ? ?若有此屬性，則在就緒後立即播放音訊。 ? ?

controls ? ? ? ? ? ? ? ? ? ? ? ? controls ? ? ? ?若出現(xiàn)此屬性，則向使用者顯示控制項，例如播放按鈕。 ? ?

loop ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? loop ? ? ? ? ?

preload ? ? ? ? ? ? ? ? ? ? ? ? preload ? ? ? ? ?若出現(xiàn)此屬性，則以網(wǎng)頁載入時載入音訊，並預(yù)備播放。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??為止中之後使用

src ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? url ? ? ??時使用 ? ?