這篇文章主要介紹了然后使用HTML5 audio元素的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇然后使用HTML5 audio元素文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

創(chuàng)新互聯(lián)專注網(wǎng)站設(shè)計(jì),以設(shè)計(jì)驅(qū)動(dòng)企業(yè)價(jià)值的持續(xù)增長(zhǎng),網(wǎng)站，看似簡(jiǎn)單卻每一個(gè)企業(yè)都需要——設(shè)計(jì)，看似簡(jiǎn)潔卻是每一位設(shè)計(jì)師的心血 10余年來(lái)，我們只專注做網(wǎng)站。認(rèn)真對(duì)待每一個(gè)客戶，我們不用口頭的語(yǔ)言來(lái)吹擂我們的優(yōu)秀，上千多家的成功案例見(jiàn)證著我們的成長(zhǎng)。

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

    Theelementworksinallmodernbrowsers.

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

    實(shí)例

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

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

    Yourbrowserdoesnotsupportthisaudioformat.

        問(wèn)題:

    標(biāo)簽在HTML4中是無(wú)效的。您的頁(yè)面無(wú)法通過(guò)HTML4驗(yàn)證。

    您必須把音頻文件轉(zhuǎn)換為不同的格式。

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

    最好的HTML解決方法

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

    實(shí)例

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

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

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

        問(wèn)題:

    您必須把音頻轉(zhuǎn)換為不同的格式。

    <embed>元素?zé)o法回退來(lái)顯示錯(cuò)誤消息。

    使用超鏈接

    如果網(wǎng)頁(yè)包含指向媒體文件的超鏈接，大多數(shù)瀏覽器會(huì)使用"輔助應(yīng)用程序"來(lái)播放文件。

    以下代碼片段顯示指向mp3文件的鏈接。如果用戶點(diǎn)擊該鏈接，瀏覽器會(huì)啟動(dòng)"輔助應(yīng)用程序"來(lái)播放該文件：

    實(shí)例

    Playthesound

    內(nèi)聯(lián)的聲音說(shuō)明

    當(dāng)您在網(wǎng)頁(yè)中包含聲音，或者作為網(wǎng)頁(yè)的組成部分時(shí)，它被稱為內(nèi)聯(lián)聲音。

    如果您打算在web應(yīng)用程序中使用內(nèi)聯(lián)聲音，您需要意識(shí)到很多人都覺(jué)得內(nèi)聯(lián)聲音令人惱火。同時(shí)請(qǐng)注意，用戶可能已經(jīng)關(guān)閉了瀏覽器中的內(nèi)聯(lián)聲音選項(xiàng)。

    我們最好的建議是只在用戶希望聽(tīng)到內(nèi)聯(lián)聲音的地方包含它們。一個(gè)正面的例子是，在用戶需要聽(tīng)到錄音并點(diǎn)擊某個(gè)鏈接時(shí)，會(huì)打開(kāi)頁(yè)面然后播放錄音。

關(guān)于“然后使用HTML5 audio元素”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“然后使用HTML5 audio元素”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章題目：然后使用HTML5audio元素
地址分享：http://www.aaarwkj.com/article30/jejopo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、Google、品牌網(wǎng)站制作、網(wǎng)站營(yíng)銷、網(wǎng)站策劃、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)