2012-12-24 34 views
3

看它如何鏈接到.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> 

回答

4

不,不是必需的。不同的來源只是可能的嘗試,並非所有瀏覽器都能保證支持所有格式,因此您可以提供後備功能。

(如果你只是想提供一個的srctype可以直接在<audio>標籤了。)

+0

所以這是明智的,包括你的服務器上的每個聲音文件的兩個版本?對於音頻密集型應用程序來說,它看起來像一個空間豬 – Aerovistae

+0

@Aerovistae:取決於你正在尋找什麼樣的瀏覽器支持,但...是的:) :) – Ryan

+0

@minitech是的,這就是當瀏覽器標準的人不能同意時會發生什麼... –

1

並非所有的瀏覽器都支持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可以。

(希望我的回答聽起來不像一個拗口令。)

0

,使其更簡單笑。

Firefox不支持mp3(idk,如果他們仍然沒有) 所以要讓你的播放器在Firefox中的功能,你需要ogg作爲備份。

Firefox會跳過MP3和試圖找到OGG格式。