HTML <audio> 標(biāo)簽

2022-06-01 15:16 更新

<audio> 標(biāo)簽是 HTML5 提供的用來播放音頻文件的。

實(shí)例

播放聲音:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  您的瀏覽器不支持 audio 元素。
</audio>

嘗試一下 ?

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

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 的事件屬性。

相關(guān)文章

JavaScript 和 HTML DOM 參考手冊(cè): HTML DOM Audio 對(duì)象


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)