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

发布时间：2020-12-14 18:47:12 所属栏目：资源来源：网络整理

导读：我需要在许多不同的Web浏览器和不同版本中播放音频文件.旧系统生成4位WAV文件,许多浏览器无法处理.所有文件都包含合成或录制的人声.无论如何,我需要更换它.所以我的问题是： 1)在兼容性,大小和质量方面,用于音频文件的最佳文件格式是什么？ 2)使用HTML5并保

我需要在许多不同的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,但我已经放弃了支持它们的任何方式.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!