HTML 音頻(Audio)
HTML 音頻(Audio) 聲音在HTML中可以以不同的方式播放. 問題以及解決方法 在 HTML 中播放音頻并不容易! 您需要諳熟大量技巧,以確保您的音頻文件在所有瀏覽器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能夠播放。 在本章,W3CSchool 為您總結(jié)了問題和解決方法。 使用插件 瀏覽器插件
聲音在HTML中可以以不同的方式播放.
問題以及解決方法
在 HTML 中播放音頻并不容易!
您需要諳熟大量技巧,以確保您的音頻文件在所有瀏覽器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能夠播放。
在本章,W3CSchool 為您總結(jié)了問題和解決方法。
使用插件
瀏覽器插件是一種擴展瀏覽器標準功能的小型計算機程序。
插件可以使用
這些標簽定義資源(通常非 HTML 資源)的容器,根據(jù)類型,它們即會由瀏覽器顯示,也會由外部插件顯示。
使用元素
標簽定義外部(非 HTML)內(nèi)容的容器。(這是一個 HTML5 標簽,在 HTML4 中是非法的,但是所有瀏覽器中都有效)。
下面的代碼片段能夠顯示嵌入網(wǎng)頁中的 MP3 文件:
實例
php中文網(wǎng)(php.cn) 如果你無法聽到該音頻,那么可能你的電腦或瀏覽器不支持該文件格式?;蛘吣銢]有打開揚聲器。
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
問題:
標簽在 HTML 4 中是無效的。頁面無法通過 HTML 4 驗證。
不同的瀏覽器對音頻格式的支持也不同。
如果瀏覽器不支持該文件格式,沒有插件的話就無法播放該音頻。
如果用戶的計算機未安裝插件,無法播放音頻。
如果把該文件轉(zhuǎn)換為其他格式,仍然無法在所有瀏覽器中播放。
使用
下面的代碼片段能夠顯示嵌入網(wǎng)頁中的 MP3 文件:
實例
php中文網(wǎng)(php.cn) 如果你無法聽到該音頻,那么可能你的電腦或瀏覽器不支持該文件格式?;蛘吣銢]有打開揚聲器。
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
問題:
不同的瀏覽器對音頻格式的支持也不同。
如果瀏覽器不支持該文件格式,沒有插件的話就無法播放該音頻。
如果用戶的計算機未安裝插件,無法播放音頻。
如果把該文件轉(zhuǎn)換為其他格式,仍然無法在所有瀏覽器中播放。
使用 HTML5
HTML5
The
以下我們將使用
實例
php中文網(wǎng)(php.cn) 您的瀏覽器不支持該音頻格式。
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
問題:
您必須把音頻文件轉(zhuǎn)換為不同的格式。
最好的 HTML 解決方法
下面的例子使用了兩個不同的音頻格式。HTML5
實例
php中文網(wǎng)(php.cn)
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
問題:
您必須把音頻轉(zhuǎn)換為不同的格式。
元素無法回退來顯示錯誤消息。
雅虎媒體播放器 - 一個簡單的添加音頻到你網(wǎng)站上的方式
使用雅虎播放器是免費的。如需使用它,您需要把這段 JavaScript 插入網(wǎng)頁底部:
雅虎播放器可以播放MP3以及其他各種格式。你只需添加一行代碼到你的頁面或 博客中就可以輕松地將您的HTML頁面制作成 專業(yè)的播放列表:
實例
php中文網(wǎng)(php.cn) Play mp3Play wav