html5中如何設(shè)置audio支持音頻格式

發(fā)布時(shí)間：2020-04-15 10:24:37

來源：億速云

閱讀：367

作者：小新

今天小編給大家分享的是html5中如何設(shè)置audio支持音頻格式，很多人都不太了解，今天小編為了讓大家更加了解html5中設(shè)置audio支持音頻格式的方法，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會(huì)有所收獲的哦。

HTML5 Audio標(biāo)簽?zāi)軌蛑С謜av, mp3, ogg, acc, webm等格式，但有個(gè)很重要的音樂文件格式midi(擴(kuò)展名mid)卻在各大瀏覽器中都沒有內(nèi)置的支持。不是所有的瀏覽器都支持MP3 OGG之類的，每個(gè)瀏覽器因?yàn)榘鏅?quán)的問題支持的格式都是不一樣的。這篇文章給大家介紹html5中audio支持音頻格式的解決方法，感興趣的朋友一起看看吧。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你們有所幫助。

瀏覽器和音頻兼容性

瀏覽器制造商并非都同意使用某種音頻文件格式。對(duì)于圖像，PNG、JPEG 或 GIF 格式的文件在任何瀏覽器上都能加載到您的網(wǎng)頁(yè)里。遺憾的是，音頻文件并非如此。表 1 展示了網(wǎng)頁(yè)中可以使用的音頻文件格式，但是并非所有格式都能用于所有瀏覽器。例如，Chrome、Internet Explorer 9 (IE9) 和 Safari 瀏覽器不支持 WAV 文件，這是一種使用非壓縮格式且正在衰敗的標(biāo)準(zhǔn)。

HTML5瀏覽器和音頻格式兼容性音頻格式ChromeFirefoxIE9OperaSafari

OGG支持支持支持不支持不支持

MP3支持不支持支持不支持支持

WAV不支持支持不支持支持不支持

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

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

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

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

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

關(guān)于html5中如何設(shè)置audio支持音頻格式就分享到這里了，當(dāng)然并不止以上和大家分析的辦法，不過小編可以保證其準(zhǔn)確性是絕對(duì)沒問題的。希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

總結(jié)

以上是生活随笔為你收集整理的html支持的语音文件格式,html5中如何设置audio支持音频格式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。