html – 向后和跨浏览器兼容的音频播放

html – 向后和跨浏览器兼容的音频播放,第1张

概述我需要在许多不同的Web浏览器和不同版本中播放音频文件.旧系统生成4位WAV文件,许多浏览器无法处理.所有文件都包含合成或录制的人声.无论如何,我需要更换它.所以我的问题是: 1)在兼容性,大小和质量方面,用于音频文件的最佳文件格式是什么? 2)使用HTML5并保持向后兼容的最佳方式是什么? 我们需要支持Internet Explorer版本6,7,8和9; Firefox,Chrome和Safa 我需要在许多不同的Web浏览器和不同版本中播放音频文件.旧系统生成4位WAV文件,许多浏览器无法处理.所有文件都包含合成或录制的人声.无论如何,我需要更换它.所以我的问题是:

1)在兼容性,大小和质量方面,用于音频文件的最佳文件格式是什么?

2)使用HTML5并保持向后兼容的最佳方式是什么?

我们需要支持Internet Explorer版本6,7,8和9; firefox,Chrome和Safari.

更新:终于让它适用于IE 6-9,firefox和Chrome;尚未测试Safari.我了解到Safari for windows需要Quicktime,IE需要windows媒体播放器.

解决方法 这是我正在使用的:
<audio autoplay>    <source src="/static/sound/SOUND.mp3" type="audio/mpeg">    <source src="/static/sound/SOUND.ogg" type="audio/ogg">    <source src="/static/sound/SOUND.wav" type="audio/wav">    <source src="/static/sound/SOUND.aiff" type="audio/x-aiff">    <object>        <param name="autostart" value="true">        <param name="src" value="/static/sound/SOUND.mp3">        <param name="autoplay" value="true">        <param name="controller" value="false">        <embed src="/static/sound/SOUND.mp3" controller="false" autoplay="true" autostart="true" type="audio/mpeg"></embed>    </object></audio>

我提供MP3,OGG,WAV和aifF相同的音频剪辑,然后让浏览器选择它想要播放的内容.音频标签用于HTML5,对象标签用于旧系统,并且嵌入在不支持对象标签的某些系统上.

我把它放在几个网站上的一些信息中,但不幸的是我忘了这个网址.

UPDATE

我已经切换到使用howler.js这个东西了.它会自动处理与声音相关的所有跨浏览器问题.不幸的是它不支持IE 6-8,但我已经放弃了支持它们的任何方式.

总结

以上是内存溢出为你收集整理的html – 向后和跨浏览器兼容的音频播放全部内容,希望文章能够帮你解决html – 向后和跨浏览器兼容的音频播放所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1140733.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存