HTML5 Audio(音訊)LOGIN

HTML5 Audio(音訊)

HTML5 Audio(音訊)

#網路上的音訊

直到現在,仍然不存在一項旨在網頁上播放音訊的標準。

今天,大多數音訊是透過外掛程式(例如 Flash)來播放的。然而,並非所有瀏覽器都擁有相同的插件。

HTML5 規定了在網頁上嵌入音訊元素的標準,即使用 <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        若出現此屬性,則向使用者顯示控制項,例如播放按鈕。    

loop                                 loop          

preload                         preload          若出現此屬性,則以網頁載入時載入音訊,並預備播放。

                                              為止中之後使用

src                                     url       時使用    

下一節
<audio controls> <source src="音频文件名称" type="音频文件格式"> <source src="音频文件名称" type="音频文件格式"> 您的浏览器不支持 audio 元素。 </audio>
章節課件