百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html5中audio支撑音频格局的解决办法-
分享文章到:

html5中audio支撑音频格局的解决办法-

发布时间:09/01 来源:未知 浏览: 关键词:
这篇文章给大家介绍html5中audio支撑音频格局的解决办法,感乐趣的伴侣一起看看吧。有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你们有所帮忙 HTML5 Audio标签能够支撑wav, mp3, ogg, acc, webm等格局,但有个很重要的音乐文件格局midi(扩展名mid)却在各大阅读器中都没有内置的支撑。不是所有的阅读器都支撑MP3 OGG之类的,每个阅读器由于版权的题目支撑的格局都是不同的。这篇文章给大家介绍html5中audio支撑音频格局的解决办法,感乐趣的伴侣一起看看吧。有一定的参照 价值,有需要的伴侣可以参照 一下,但愿对你们有所帮忙。

阅读器和音频兼容性

阅读器创造商并非都赞成运用某种音频文件格局。关于图像,PNG、JPEG 或 GIF 格局的文件在任何阅读器上都能加载到您的网页里。遗憾的是,音频文件并非如此。表 1 展现了网页中可以运用的音频文件格局,但是并非所有格局都能用于所有阅读器。例如,Chrome、Internet Explorer 9 (IE9) 和 Safari 阅读器不支撑 WAV 文件,这是一种运用非紧缩格局且正在衰落的规范。

HTML5阅读器和音频格局兼容性

音频格局ChromeFirefoxIE9OperaSafari
OGG支撑支撑支撑不支撑不支撑
MP3支撑不支撑支撑不支撑支撑
WAV不支撑支撑不支撑支撑不支撑

没有一种通用的文件格局让每个阅读器都运用单个文件格局意味着至少有 2/5 的阅读器没法播放某些声音。这不是没法在单一音频规范中达成一致的阅读器创造商不当协的题目,而是波及专利权和特许权运用费的法律和财务题目。不挨软件专利限定的 OGG 格局旨在一了百了地解决这个题目。然而,在撰写本文时,Opera 和 Safari 都不支撑 OGG。与 OGG 格局的文件比拟,可用的 WAV 和 MP3 文件数目要更多,因而毫无疑难,阅读器创造商考虑到了这一点。MP3 作为事实的规范是个非常不错的解决方案。

解决方案:运用三种文件类型和标签

鉴于当前的情况,您可能以为当前还不是在 HTML5 页面上运用音频的黄金时刻。在某些方面可能确实如此,但是 HTML5 供给了一个解决方案,使您喜好的阅读器能够寻到一种兼容的格局。

与 标签联合运用时, 标签可以嵌套在 容器内。假如您是一个瓦格纳迷,想在 HTML5 网页上听他的歌剧 Ride of the Valkyries(《女武神》)。第一,您需要获得三种文件类型的音乐,即 OGG、MP3 和 WAV。将这些音乐文件与 HTML5 文件放在统一个文件夹内。然后,将每个文件名放在独自的 标签里,而且音频容器中的所有源标签都由 形成,如下所示。

    
    
    

不管拜访者运用什么阅读器,它都将主动选中所读取的首先个文件类型,并为您播放声音。

总结

以上所述就是给大家介绍的html5中audio支撑音频格局解决办法的全部内容,但愿能对大家的学习有所帮忙。更多相干教程请拜访Html5视频教程!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有153人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板