看它如何鏈接到.ogg和.mp3?這是爲什麼?我見過的所有示例和應用程序都做同樣的事情。是否需要有兩個來源?爲什麼HTML5音頻標籤總是有兩個來源?
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
看它如何鏈接到.ogg和.mp3?這是爲什麼?我見過的所有示例和應用程序都做同樣的事情。是否需要有兩個來源?爲什麼HTML5音頻標籤總是有兩個來源?
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
不,不是必需的。不同的來源只是可能的嘗試,並非所有瀏覽器都能保證支持所有格式,因此您可以提供後備功能。
(如果你只是想提供一個的src
和type
可以直接在<audio>
標籤了。)
並非所有的瀏覽器都支持MP3或OGG格式,所以兩者通常包括投保交瀏覽器兼容性。
WAV格式也可以包括在內,而不像MP3和Ogg,它支持所有瀏覽器(負的Internet Explorer)。
MP3在Internet Explorer 9 +,Chrome瀏覽器6+和Safari 5+。 Ogg適用於所有瀏覽器,減去Internet Explorer和Safari。
所以,MP3和WAV或MP3和Ogg的結合,將發揮HTML5音頻上幾乎所有主要的瀏覽器。當然,由於Internet Explorer需要MP3作爲格式,因此將Wav和Ogg組合爲一個組合是一個不錯的主意。
所以多個標籤包括作爲後備。
希望在未來,所有的主流瀏覽器將支持所有格式。目前只有Chrome可以。
(希望我的回答聽起來不像一個拗口令。)
,使其更簡單笑。
Firefox不支持mp3(idk,如果他們仍然沒有) 所以要讓你的播放器在Firefox中的功能,你需要ogg作爲備份。
Firefox會跳過MP3和試圖找到OGG格式。
所以這是明智的,包括你的服務器上的每個聲音文件的兩個版本?對於音頻密集型應用程序來說,它看起來像一個空間豬 – Aerovistae
@Aerovistae:取決於你正在尋找什麼樣的瀏覽器支持,但...是的:) :) – Ryan
@minitech是的,這就是當瀏覽器標準的人不能同意時會發生什麼... –