HTML5音頻audio詳解

jopen 10年前發布 | 22K 次閱讀 HTML5 前端技術

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

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

</tr>

</tr>

</tr>

</tr> </tbody> </table> 開發例子源碼如下：

    <!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>
</div>

    </div> 解釋：
    1、control 屬性供添加播放、暫停和音量控件。
    2、<audio> 與 </audio> 之間插入的內容是供不支持 audio 元素的瀏覽器顯示的。
    3、audio 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式
    支持的部分屬性列舉：
    4、autoplay 是否自動播放。

      IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
    Ogg Vorbis   √ √ √  
    MP3 √     √ √
    Wav   √ √   √

    </tr>

    </tr>

    </tr>

    </tr>

    </tr> </tbody> </table>
    來自：http://blog.csdn.net/xmtblog/article/details/41543041

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

    相關經驗

    相關資訊

    相關文檔

    屬性 值 描述
    autoplay autoplay 如果出現該屬性，則音頻在就緒后馬上播放。
    controls controls 如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
    loop loop 如果出現該屬性，則每當音頻結束時重新開始播放。
    preload preload

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

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

    </td> </tr>

    src url 要播放的音頻的 URL。
    27. sesese色