HTML <audio> 標(biāo)簽

2023-02-28 13:39 更新

HTML <audio> 標(biāo)簽

實(shí)例

保存一段音頻存在自己項(xiàng)目中輸入下面代碼即可實(shí)現(xiàn)播放聲音：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>編程獅(w3cschool.cn)</title> 
</head>
<body>

<audio controls>
  <source src="音頻文件路徑" >
  <source src="音頻文件路徑" >
您的瀏覽器不支持 audio 元素。
</audio>

</body>
</html>

瀏覽器支持

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

HTML 4.01 與 HTML5之間的差異

<audio> 標(biāo)簽是 HTML5 的新標(biāo)簽。

提示和注釋

提示：可以在 <audio> 和 </audio> 之間放置文本內(nèi)容，這些文本信息將會(huì)被顯示在那些不支持 <audio> 標(biāo)簽的瀏覽器中。

屬性

New ：HTML5 中的新屬性。

屬性 值 描述
autoplay   （New）
autoplay 如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。
controls    （New） controls 如果出現(xiàn)該屬性，則向用戶顯示音頻控件（比如播放/暫停按鈕）。
loop          （New） loop 如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開始播放。
muted      （New） muted 如果出現(xiàn)該屬性，則音頻輸出為靜音。
preload     （New） auto
metadata
none		 規(guī)定當(dāng)網(wǎng)頁加載時(shí)，音頻是否默認(rèn)被加載以及如何被加載。
src              （New） URL 規(guī)定音頻文件的 URL。

全局屬性

<audio> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<audio> 標(biāo)簽支持 HTML 的事件屬性。





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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)