HTML5音頻audio詳解

yg3n 9年前發布 | 19K 次閱讀 HTML5 前端技術

直到現在，仍然不存在一項旨在網頁上播放音頻的標準。
目前，大多數音頻是通過插件（比如 Flash）來播放的。然而，并非所有瀏覽器都擁有同樣的插件。
HTML5 規定了一種通過 audio 元素來包含音頻的標準方法。
audio 元素能夠播放聲音文件或者音頻流。

當前，audio 元素支持三種音頻格式：


  IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
Ogg Vorbis   √ √ √  
MP3 √     √ √
Wav   √ √   √
開發例子源碼如下： 
    <!DOCTYPE HTML>  
    <html>  
    <body>  
    Internet Explorer 8 不支持 audio 元素。在 IE 9 中，對 audio 元素的支持。  
    <audio controls="controls" autoplay="autoplay">  
      <source src="http://www.w3school.com.cn/i/song.ogg" type="audio/ogg">  
      <source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">  
    你的瀏覽器不支持html5的audio標簽  
    </audio>  
    </body>  
    </html>

解釋：
1、control 屬性供添加播放、暫停和音量控件。
2、<audio> 與 </audio> 之間插入的內容是供不支持 audio 元素的瀏覽器顯示的。
3、audio 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式
支持的部分屬性列舉：
4、autoplay 是否自動播放。
屬性 值 描述
autoplay autoplay 如果出現該屬性，則音頻在就緒后馬上播放。
controls controls 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
loop loop 如果出現該屬性，則每當音頻結束時重新開始播放。
preload preload

如果出現該屬性，則音頻在頁面加載時進行加載，并預備播放。

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

src url 要播放的音頻的 URL。
 本文由用戶 yg3n 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！