武林網(www.vevb.com)文章簡介:HTML5每日一練之音頻標籤的應用。
在過去,我們如果想在Web上播放音樂,基本都是通過Flash來播放,但並不是所有的瀏覽器都安裝了Flash播放器插件,而現在我們在HTML5中,就能完全脫離Flash或其他的插件來播放音樂了。
audio標籤:
目前HTML5的audio標籤僅支持3種音頻格式,如下表:
IE9
FireFox 5.0
Safari 5.5
Chrome 12
Opera 11.5
Mp3
√
×
√
√
×
Ogg
×
√
×
√
√
Wav
×
√
√
×
√
Audio標籤的屬性有:
屬性
值(可省略)
描述
src
url
要播放的音頻的URL,路徑可為網絡路徑或相對路徑。
controls
controls
向用戶顯示控件,比如播放按鈕。
loop
loop
每當音頻結束時重新開始播放。
preload
preload
音頻在頁面加載時進行加載,並預備播放。如果使用autoplay,則忽略該屬性。
autoplay
autoplay
則音頻在就緒後馬上播放。
<h1>最近覺得《大高原》這首歌不錯,就在案例中使用了:</h1>
<audio src=?xcode=0f479d949c4372d1165aae570e00d8bd&mid=0.76911343441060 controls=controls autoplay=true>您的瀏覽器不支持audio 標籤。 </audio>