沒(méi)有一種通用的文件格式讓每個(gè)瀏覽器都使用單個(gè)文件格式意味著至少有 2/5 的瀏覽器無(wú)法播放某些聲音。這不是無(wú)法在單一音頻標(biāo)準(zhǔn)中達(dá)成一致的瀏覽器制造商不妥協(xié)的問(wèn)題，而是涉及專利權(quán)和特許權(quán)使用費(fèi)的法律和財(cái)務(wù)問(wèn)題。不受軟件專利限制的 OGG 格式旨在一勞永逸地解決這個(gè)問(wèn)題。然而，在撰寫本文時(shí)，Opera 和 Safari 都不支持 OGG。與 OGG 格式的文件相比，可用的 WAV 和 MP3 文件數(shù)量要更多，因此毫無(wú)疑問(wèn)，瀏覽器制造商考慮到了這一點(diǎn)。MP3 作為事實(shí)的標(biāo)準(zhǔn)是個(gè)很好的解決方案。

解決方案：使用三種文件類型和<audio>標(biāo)簽

鑒于目前的狀況，您可能認(rèn)為目前還不是在 HTML5 頁(yè)面上使用音頻的黃金時(shí)刻。在某些方面可能的確如此，但是 HTML5 提供了一個(gè)解決方案，使您喜歡的瀏覽器能夠找到一種兼容的格式。

與 <audio> 標(biāo)簽結(jié)合使用時(shí)，<source> 標(biāo)簽可以嵌套在 <audio> 容器內(nèi)。假設(shè)您是一個(gè)瓦格納迷，想在 HTML5 網(wǎng)頁(yè)上聽他的歌劇 Ride of the Valkyries（《女武神》）。首先，您需要獲得三種文件類型的音樂(lè)，即 OGG、MP3 和 WAV。將這些音樂(lè)文件與 HTML5 文件放在同一個(gè)文件夾內(nèi)。然后，將每個(gè)文件名放在單獨(dú)的 <source> 標(biāo)簽里，并且音頻容器中的所有源標(biāo)簽都由<audio></audio> 構(gòu)成，如下所示。

<audio controls>
    <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>

無(wú)論訪問(wèn)者使用什么瀏覽器，它都將自動(dòng)選擇所讀取的第一個(gè)文件類型，并為您播放聲音。

總結(jié)

以上所述是小編給大家介紹的html5中audio支持音頻格式的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！