HTML 音訊
HTML <audio> 元素用於在網頁上播放音訊檔案。
HTML <audio> 元素
要在 HTML 中播放音訊檔案，請使用 <audio> 元素
示例
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支援 audio 元素。
</audio>
自己動手試一試 »
HTML 音訊 - 工作原理
controls 屬性新增音訊控制元件，如播放、暫停和音量。
<source> 元素允許您指定瀏覽器可以選擇的替代音訊檔案。瀏覽器將使用第一個識別的格式。
<audio> 和 </audio> 標籤之間的文字僅顯示在不支援 <audio> 元素的瀏覽器中。
HTML <audio> 自動播放
要自動開始播放音訊檔案，請使用 autoplay 屬性
示例
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支援 audio 元素。
</audio>
自己動手試一試 »
注意： Chromium 瀏覽器在大多數情況下不允許自動播放。但是，靜音自動播放始終是被允許的。
在 autoplay 後面新增 muted，以便您的音訊檔案可以開始自動播放（但靜音）
示例
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支援 audio 元素。
</audio>
自己動手試一試 »
瀏覽器支援
表中數字表示完全支援 <audio> 元素的首個瀏覽器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 音訊格式
有三種受支援的音訊格式：MP3、WAV 和 OGG。瀏覽器對不同格式的支援情況如下：
| 瀏覽器 | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | 推薦 | 是* | 是* |
| Chrome | 推薦 | 推薦 | 推薦 |
| Firefox | 推薦 | 推薦 | 推薦 |
| Safari | 推薦 | 推薦 | 不推薦 |
| Opera | 推薦 | 推薦 | 推薦 |
*從 Edge 79 開始
HTML 音訊 - 媒體型別
| 檔案格式 | 媒體型別 |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML 音訊 - 方法、屬性和事件
HTML DOM 為 <audio> 元素定義了方法、屬性和事件。
這允許您載入、播放和暫停音訊，以及設定持續時間和音量。
還有 DOM 事件可以在音訊開始播放、暫停等時通知您。
有關完整的 DOM 參考，請訪問我們的 HTML 音訊/影片 DOM 參考。
HTML 音訊標籤
| 標籤 | 描述 |
|---|---|
| <audio> | 定義聲音內容 |
| <source> | 為媒體元素（如 <video> 和 <audio>）定義多個媒體資源 |
