html音頻

時間 2019-11-17

標籤 html 音頻欄目 HTML 简体版

原文原文鏈接

一使用插件：html

瀏覽器插件是一種擴展瀏覽器標準功能的小型計算機程序。html5

插件不少用途：播放音樂、顯示地圖、驗證銀行帳號、控制輸入等等。瀏覽器

能夠使用<object>或者<embed>標籤來將插件天劍到html頁面。網站

這些標籤訂義資源（一般非html資源）的容器，根據類型。它們即會由瀏覽器顯示，也會由外部插件顯示。this

使用<embed>spa

下面代碼可以顯示嵌入網頁的mp3文件：code

例如：orm

<emded height="100" width="100" src="song.mp3"/>htm

問題：

<embed> 標籤在 HTML 4 中是無效的。頁面沒法經過 HTML 4 驗證。
不一樣的瀏覽器對音頻格式的支持也不一樣。
若是瀏覽器不支持該文件格式，沒有插件的話就沒法播放該音頻。
若是用戶的計算機未安裝插件，沒法播放音頻。
若是把該文件轉換爲其餘格式，仍然沒法在全部瀏覽器中播放。

註釋：使用 <!DOCTYPE html> (HTML5) 解決驗證問題。

使用<object>元素：

下面代碼可以顯示嵌入網頁中的mp3文件：

例如：

問題：

不一樣的瀏覽器對音頻格式的支持也不一樣。
若是瀏覽器不支持該文件格式，沒有插件的話就沒法播放該音頻。
若是用戶的計算機未安裝插件，沒法播放音頻。
若是把該文件轉換爲其餘格式，仍然沒法在全部瀏覽器中播放。

二使用html5<audio>元素：

<audio>元素是一個html5元素，在html4中是非法的，可是在全部瀏覽器中都有效果。

例如：

your browser does not support this audio format.

</audio>

上面的例子使用了一個 mp3 文件，這樣它在 Internet Explorer、Chrome 以及 Safari 中是有效的。

爲了使這段音頻在 Firefox 和 Opera 中一樣有效，添加了一個 ogg 類型的文件。若是失敗，會顯示錯誤消息。

問題：

<audio> 標籤在 HTML 4 中是無效的。您的頁面沒法經過 HTML 4 驗證。
您必須把音頻文件轉換爲不一樣的格式。
<audio> 元素在老式瀏覽器中不起做用。

註釋：使用 <!DOCTYPE html> (HTML5) 解決驗證問題。

最好的html解決方法：

例如：

<audio controls="controls" height="100" width="100">
  <source src="song.mp3" type="audio/mp3" />
  <source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>

上面的例子使用了兩個不一樣的音頻格式。HTML5 <audio> 元素會嘗試以 mp3 或 ogg 來播放音頻。若是失敗，代碼將回退嘗試 <embed> 元素。

問題：

您必須把音頻轉換爲不一樣的格式。
<audio> 元素沒法經過 HTML 4 和 XHTML 驗證。
<embed> 元素沒法經過 HTML 4 和 XHTML 驗證。
<embed> 元素沒法回退來顯示錯誤消息。

註釋：使用 <!DOCTYPE html> (HTML5) 解決驗證問題。

向網站添加音頻的最簡單方法：

html4.0多媒體標籤

html5多媒體標籤

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。