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

前端之家收集整理的这篇文章主要介绍了html – 向后和跨浏览器兼容的音频播放前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在许多不同的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,但我已经放弃了支持它们的任何方式.

原文链接:https://www.f2er.com/html/225248.html

猜你在找的HTML相关文章