HTML5 Audio標籤能夠支援wav, mp3, ogg, acc, webm等格式,但有個很重要的音樂檔案格式midi(副檔名mid)卻在各大瀏覽器中都沒有內建的支援。不是所有的瀏覽器都支援MP3 OGG之類的,每個瀏覽器因為版權的問題支援的格式都是不一樣的。
瀏覽器和音訊相容性瀏覽器製造商並非都同意使用某種音訊檔案格式。對於圖像,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 作為事實的標準是個很好的解決方案。
解決方案:使用三種檔案類型和<audio>標籤鑑於目前的狀況,您可能認為目前還不是在HTML5 頁面上使用音訊的黃金時刻。在某些方面可能的確如此,但是HTML5 提供了一個解決方案,讓您喜歡的瀏覽器能夠找到相容的格式。
與<audio> 標籤結合使用時,<source> 標籤可以嵌套在<audio> 容器內。假設您是個華格納迷,想在HTML5 網頁上聽他的歌劇Ride of the Valkyries(《女武神》)。首先,您需要獲得三種檔案類型的音樂,即OGG、MP3 和WAV。將這些音樂檔案與HTML5 檔案放在同一個資料夾內。然後,將每個檔案名稱放在單獨的<source> 標籤裡,並且音訊容器中的所有來源標籤都由<audio></audio> 構成,如下所示。
<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支援音訊格式的解決方法,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對VeVb武林網站的支持!