HTML5音頻audio詳解

直到現在，仍然不存在一項旨在網頁上播放音頻的标準。

目前，大多數音頻是通過插件（比如 flash）來播放的。然而，并非所有浏覽器都擁有同樣的插件。

html5 規定了一種通過 audio 元素來包含音頻的标準方法。

audio 元素能夠播放聲音檔案或者音頻流。

目前，audio 元素支援三種音頻格式：

ie 9

firefox 3.5

opera 10.5

chrome 3.0

safari 3.0

ogg vorbis

√

mp3

wav

開發例子源碼如下：

解釋：

1、control 屬性供添加播放、暫停和音量控件。

2、<audio> 與 </audio> 之間插入的内容是供不支援 audio 元素的浏覽器顯示的。

3、audio 元素允許多個 source 元素。source 元素可以連結不同的視訊檔案。浏覽器将使用第一個可識别的格式

支援的部分屬性列舉：

4、autoplay 是否自動播放。

屬性

值

描述

<a target="_blank" href="http://www.w3school.com.cn/tags/att_audio_autoplay.asp">autoplay</a>

autoplay

如果出現該屬性，則音頻在就緒後馬上播放。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_audio_controls.asp">controls</a>

controls

如果出現該屬性，則向使用者顯示控件，比如播放按鈕。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_audio_loop.asp">loop</a>

loop

如果出現該屬性，則每當音頻結束時重新開始播放。

<a target="_blank" href="http://www.w3school.com.cn/tags/att_audio_preload.asp">preload</a>

preload

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

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

<a target="_blank" href="http://www.w3school.com.cn/tags/att_audio_src.asp">src</a>

url

要播放的音頻的 url。

歡迎大家關注我的部落格！如有疑問,請加qq群：135430763共同學習！