为什么HTML5 Audio标签总是有两个来源?

时间:2012-12-24 00:26:07

标签: html5 audio

看看它如何链接到.ogg和.mp3?这是为什么?我见过的所有示例和应用程序都做同样的事情。 必要有两个来源吗?

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

3 个答案:

答案 0 :(得分:4)

不,没有必要。不同的来源只是按顺序进行尝试的可能性;并非所有浏览器都支持所有格式,因此您提供后备。

(如果您只想提供一个,srctype也可以直接放在<audio>标记上。)

答案 1 :(得分: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音频。当然,将Wav和Ogg作为一个组合包含在内是一个坏主意,因为Internet Explorer需要MP3作为格式。

因此,多个标签都包含在后备中。

希望将来所有主流浏览器都支持所有格式。目前只有Chrome可以。

(希望我的回答听起来不像是绕口令。)

答案 2 :(得分:0)

让它更简单大声笑。

Firefox不支持mp3(idk,如果他们还没有) 因此,要使您的播放器在Firefox中运行,您需要将ogg作为备份。

Firefox将跳过mp3并尝试找到ogg。