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