首頁 >web前端 >H5教程 >html5中audio支援音訊格式的解決方法

html5中audio支援音訊格式的解決方法

青灯夜游轉載: 2018-10-09 15:56:206263瀏覽

HTML5 Audio標籤能夠支援wav, mp3, ogg, acc, webm等格式，但有個很重要的音樂檔案格式midi(副檔名mid)卻在各大瀏覽器中都沒有內建的支援。不是所有的瀏覽器都支援MP3 OGG之類的，每個瀏覽器因為版權的問題支援的格式都是不一樣的。這篇文章跟大家介紹html5中audio支援音訊格式的解決方法，有興趣的朋友一起看看吧。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。

瀏覽器和音訊相容性

瀏覽器製造商並非都同意使用某種音訊檔案格式。對於圖像，PNG、JPEG 或 GIF 格式的檔案在任何瀏覽器上都能載入到您的網頁中。遺憾的是，音訊檔案並非如此。表 1 展示了網頁中可以使用的音訊檔案格式，但並非所有格式都能用於所有瀏覽器。例如，Chrome、Internet Explorer 9 (IE9) 和 Safari 瀏覽器不支援 WAV 文件，這是使用非壓縮格式且正在衰敗的標準。

HTML5瀏覽器和音訊格式相容性

#音訊格式	Chrome	Firefox	IE9	Opera	Safari
OGG		#支援	支援	不支援	不支援
MP3	支援	#不支持	支援	不支援	支援
#WAV	不支援	#支持	不支援	支援	不支援

#沒有一種通用的檔案格式讓每個瀏覽器都使用單一檔案格式意味著至少有2/5 的瀏覽器無法播放某些聲音。這不是無法在單一音訊標準中達成協議的瀏覽器製造商不妥協的問題，而是涉及專利權和特許權使用費的法律和財務問題。不受軟體專利限制的 OGG 格式旨在一勞永逸地解決這個問題。然而，在撰寫本文時，Opera 和 Safari 都不支援 OGG。與 OGG 格式的文件相比，可用的 WAV 和 MP3 文件數量要更多，因此毫無疑問，瀏覽器製造商考慮到了這一點。 MP3 作為事實的標準是個很好的解決方案。

解決方案：使用三種檔案類型和b97864c2e0ef2353a16c4d64c7734e92標籤

#鑑於目前的狀況，您可能認為目前還不是在HTML5 頁面上使用音訊的黃金時刻。在某些方面可能的確如此，但是 HTML5 提供了一個解決方案，使您喜歡的瀏覽器能夠找到一種相容的格式。

與 b97864c2e0ef2353a16c4d64c7734e92 標籤結合使用時，e02da388656c3265154666b7c71a8ddc 標籤可以嵌套在 b97864c2e0ef2353a16c4d64c7734e92 容器內。假設您是個華格納迷，想在 HTML5 網頁上聽他的歌劇 Ride of the Valkyries（《女武神》）。首先，您需要獲得三種文件類型的音樂，即 OGG、MP3 和 WAV。將這些音樂檔案與 HTML5 檔案放在同一個資料夾內。然後，將每個檔案名稱放在單獨的 e02da388656c3265154666b7c71a8ddc 標籤裡，並且音訊容器中的所有來源標籤都由b97864c2e0ef2353a16c4d64c7734e9281d2bc32cafa2076a27f10cdd878d0ab 構成，如下所示。

<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>

無論訪客使用什麼瀏覽器，它都會自動選擇所讀取的第一個檔案類型，並為您播放聲音。

總結

以上所述就是給大家介紹的html5中audio支援音訊格式解決方法的全部內容，希望能對大家的學習有所幫助。更多相關教學請造訪Html5影片教學！

html5中audio支援音訊格式的解決方法

相關文章