看看它是如何链接到 .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>
不,这是没有必要的。不同的来源只是按顺序尝试的可能性;并非所有浏览器都保证支持所有格式,因此您提供备用。
(如果您只想提供一个,src
andtype
也可以直接在<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 音频。当然,将 Wav 和 Ogg 作为一个组合包含在内是一个坏主意,因为 Internet Explorer 需要 MP3 作为格式。
因此,包含多个标签作为后备。
希望在未来,所有主流浏览器都将支持所有格式。目前只有 Chrome 可以。
(希望我的回答听起来不像绕口令。)
为了让它更简单,哈哈。
Firefox 不支持 mp3(如果他们仍然不支持,则为 idk)所以要让您的播放器在 Firefox 中正常运行,您需要 ogg 作为备份。
Firefox 将跳过 mp3 并尝试查找 ogg。