一、HTML 音頻概述
在 HTML 中，音頻可以通過多種方式播放，但要確保音頻在不同瀏覽器和設備上都能正常播放，需要掌握一些技巧。HTML5 引入了 <audio> 元素，為音頻播放提供了一種標準方法，但在 HTML4 中，音頻播放通常依賴于插件，如 <object> 或 <embed> 標簽。
二、音頻播放方法及問題
（一）使用插件
-
<object> 標簽
-
<object>標簽定義外部內容的容器，可以用來嵌入音頻文件。 -
示例代碼：
HTML復制
<object height="50" width="100" data="horse.mp3"></object>預覽
-
問題：
-
不同瀏覽器對音頻格式的支持不同。
-
如果瀏覽器不支持該文件格式，且沒有插件，音頻無法播放。
-
用戶計算機未安裝插件時，音頻無法播放。
-
-
-
<embed> 標簽
-
<embed>標簽定義外部內容的容器，HTML5 中允許使用，但在 HTML4 中是非法的。 -
示例代碼：
HTML復制
<embed height="50" width="100" src="horse.mp3">預覽
-
問題：
-
<embed>標簽在 HTML4 中無效，頁面無法通過 HTML4 驗證。 -
不同瀏覽器對音頻格式的支持不同。
-
如果瀏覽器不支持該文件格式，且沒有插件，音頻無法播放。
-
用戶計算機未安裝插件時，音頻無法播放。
-
-
（二）使用 HTML5?<audio>?元素
-
<audio> 元素
-
<audio>元素是 HTML5 新增的標簽，用于播放音頻文件。 -
示例代碼：
HTML復制
<audio controls><source src="horse.mp3" type="audio/mpeg"><source src="horse.ogg" type="audio/ogg">Your browser does not support this audio format. </audio>預覽
-
優點：
-
在所有現代瀏覽器中有效。
-
-
問題：
-
<audio>標簽在 HTML4 中無效，頁面無法通過 HTML4 驗證。 -
需要將音頻文件轉換為不同格式以兼容不同瀏覽器。
-
在老式瀏覽器中不起作用。
-
-
（三）最佳 HTML 解決方法
-
結合使用
<audio>和<embed>-
示例代碼：
HTML復制
<audio controls height="100" width="100"><source src="horse.mp3" type="audio/mpeg"><source src="horse.ogg" type="audio/ogg"><embed height="50" width="100" src="horse.mp3"> </audio>預覽
-
優點：
-
嘗試使用
<audio>元素播放音頻，如果失敗則回退到<embed>。
-
-
問題：
-
需要將音頻轉換為不同格式。
-
<embed>元素無法回退顯示錯誤消息。
-
-
（四）使用超鏈接
-
超鏈接播放音頻
-
示例代碼：
HTML復制
<a href="horse.mp3">Play the sound</a>預覽
-
優點：
-
簡單，用戶點擊鏈接即可播放音頻。
-
-
問題：
-
音頻播放依賴于瀏覽器的“輔助應用程序”，用戶體驗可能不佳。
-
-
三、音頻格式與瀏覽器支持
-
MP3：支持 Internet Explorer、Chrome 和 Safari。
-
OGG：支持 Firefox 和 Opera。
-
WebM：支持 Chrome 和 Opera。
四、內聯聲音說明
-
內聯聲音：當音頻作為網頁的一部分時，稱為內聯聲音。
-
注意事項：
-
內聯聲音可能會讓用戶感到煩惱，建議僅在用戶期望聽到聲音時使用。
-
用戶可能已關閉瀏覽器中的內聯聲音選項。
-
五、HTML 多媒體標簽
| 標簽 | 描述 |
|---|---|
<embed> | 定義內嵌對象。HTML4 中不贊成，HTML5 中允許。 |
<object> | 定義內嵌對象。 |
<param> | 定義對象的參數。 |
<audio> | 定義聲音內容。 |
<video> | 定義視頻或影片。 |
<source> | 定義?<video>?和?<audio>?的多媒體資源。 |
<track> | 定義?<video>?和?<audio>?的字幕文件或其他文本文件。 |
)
