然后使用HTML5 audio元素

這篇文章主要介紹了然后使用HTML5 audio元素的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇然后使用HTML5 audio元素文章都會有所收獲，下面我們一起來看看吧。

    HTML5元素是一個HTML5元素，在HTML4中是非法的，但在所有瀏覽器中都有效。

    Theelementworksinallmodernbrowsers.

    以下我們將使用標簽來描述MP3文件(InternetExplorer、Chrome以及Safari中是有效的),同樣添加了一個OGG類型文件(Firefox和Opera瀏覽器中有效).如果失敗，它會顯示一個錯誤文本信息:

    實例

        <sourcesrc="horse.mp3"type="audio/mpeg">

    <sourcesrc="horse.ogg"type="audio/ogg">

    Yourbrowserdoesnotsupportthisaudioformat.

        問題:

    標簽在HTML4中是無效的。您的頁面無法通過HTML4驗證。

    您必須把音頻文件轉換為不同的格式。

    元素在老式瀏覽器中不起作用。

    最好的HTML解決方法

    下面的例子使用了兩個不同的音頻格式。HTML5元素會嘗試以mp3或ogg來播放音頻。如果失敗，代碼將回退嘗試<embed>元素。

    實例

        <sourcesrc="horse.mp3"type="audio/mpeg">

    <sourcesrc="horse.ogg"type="audio/ogg">

    <embedheight="50"width="100"src="horse.mp3">

        問題:

    您必須把音頻轉換為不同的格式。

    <embed>元素無法回退來顯示錯誤消息。

    使用超鏈接

    如果網頁包含指向媒體文件的超鏈接，大多數瀏覽器會使用"輔助應用程序"來播放文件。

    以下代碼片段顯示指向mp3文件的鏈接。如果用戶點擊該鏈接，瀏覽器會啟動"輔助應用程序"來播放該文件：

    實例

    Playthesound

    內聯的聲音說明

    當您在網頁中包含聲音，或者作為網頁的組成部分時，它被稱為內聯聲音。

    如果您打算在web應用程序中使用內聯聲音，您需要意識到很多人都覺得內聯聲音令人惱火。同時請注意，用戶可能已經關閉了瀏覽器中的內聯聲音選項。

    我們最好的建議是只在用戶希望聽到內聯聲音的地方包含它們。一個正面的例子是，在用戶需要聽到錄音并點擊某個鏈接時，會打開頁面然后播放錄音。

關于“然后使用HTML5 audio元素”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“然后使用HTML5 audio元素”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。