HTML <audio> 標簽

定義和用法

<audio> 標簽用于在文檔中嵌入聲音內容，例如音樂或其他音頻流。

<audio> 標簽可包含一個或多個擁有不同音頻源的 <source> 標簽。瀏覽器將選擇它支持的第一個源。

<audio> 和 </audio> 標簽之間的文本只會在不支持 <audio> 元素的瀏覽器中顯示。

提示：對于視頻文件，請查看 <video> 標簽。

HTML 支持三種音頻格式：MP3、WAV 和 OGG。

音頻格式和瀏覽器支持

瀏覽器 MP3 WAV OGG
Edge / IE 支持 支持 * 支持 *
Chrome 支持 支持 支持
Firefox 支持 支持 支持
Safari 支持 支持 不支持
Opera 支持 支持 支持

* 從 Edge 79 開始

另請參閱：

HTML DOM 參考手冊：HTML Audio/Video DOM 參考手冊

實例

播放聲音文件：

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  您的瀏覽器不支持 audio 標簽。
</audio>

親自試一試

屬性

屬性 值 描述
autoplay autoplay 規定音頻將在準備就緒后立即開始播放。
controls controls 規定應顯示音頻控件（例如播放/暫停按鈕等）。
loop loop 規定音頻將在每次結束后重新開始。
muted muted 規定音頻輸出應靜音。
preload
  • auto
  • metadata
  • none
 規定是否以及如何在頁面加載時加載音頻。
src URL 規定音頻文件的 URL。

全局屬性

<audio> 標簽還支持 HTML 中的全局屬性。

事件屬性

<audio> 標簽還支持 HTML 中的事件屬性。

默認的 CSS 設置

無。

瀏覽器支持

表中的數字注明了首個完全支持該元素的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5