html audio支持格式,html audio 设置 音频

  html audio支持格式,html audio 设置 音频

  HTMLAudio标签可以支持wav、mp3、ogg、acc、webm等格式,但是有一个非常重要的音乐文件格式midi (extension 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提供了一个解决方案,使您最喜欢的浏览器能够找到一个兼容的格式。

  当与音频标签一起使用时,源标签可以嵌套在音频容器中。假设你是瓦格纳迷,想在HTML5网页上听他的歌剧《女武神之骑》(《女武神》)。首先,你需要获得三种文件类型的音乐,即OGG,MP3和WAV。把这些音乐文件和HTML5文件放在同一个文件夹里。然后,将每个文件名放在一个单独的源标签中,音频容器中的所有源标签都由audio/audio组成,如下所示。

  音频控件source Src=" http://demo.mimvp.com/html5/take_you_fly.ogg"/source Src="http://demo.mimvp.com/html5/take_you_fly.mp3/Src=" http://demo . mimvp . com/html 5/take _ you _ fly . wav "//音频无论访问者使用什么浏览器,它都会自动选择第一个文件类型读取并为您播放声音。

  总结

  以上是边肖推出的html5中音频支持音频格式的解决方案。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: