<audio> 標(biāo)簽是 HTML5 提供的用來播放音頻文件的。
實(shí)例
播放聲音:
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>
嘗試一下 ?
瀏覽器支持
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <audio> 標(biāo)簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <audio> 標(biāo)簽。
標(biāo)簽定義及使用說明
<audio> 標(biāo)簽定義聲音,比如音樂或其他音頻流。
目前,<audio> 元素支持的3種文件格式:MP3、Wav、Ogg。
瀏覽器 | MP3 | Wav | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
提示:這 3 種音頻的 MIME-type 分別是:
音頻格式 | MINE-type |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
HTML 4.01 與 HTML5之間的差異
<audio> 標(biāo)簽是 HTML5 的新標(biāo)簽。
提示和注釋
提示:可以在 <audio> 和 </audio> 之間放置文本內(nèi)容,這些文本信息將會(huì)被顯示在那些不支持 <audio> 標(biāo)簽的瀏覽器中。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
autoplayNew | autoplay | 如果出現(xiàn)該屬性,則音頻在就緒后馬上播放。 |
controlsNew | controls | 如果出現(xiàn)該屬性,則向用戶顯示音頻控件(比如播放/暫停按鈕)。 |
loopNew | loop | 如果出現(xiàn)該屬性,則每當(dāng)音頻結(jié)束時(shí)重新開始播放。 |
mutedNew | muted | 如果出現(xiàn)該屬性,則音頻輸出為靜音。 |
preloadNew | auto
metadata none |
規(guī)定當(dāng)網(wǎng)頁加載時(shí),音頻是否默認(rèn)被加載以及如何被加載。 |
srcNew | URL | 規(guī)定音頻文件的 URL。 |
全局屬性
<audio> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<audio> 標(biāo)簽支持 HTML 的事件屬性。
更多建議: