3

我有这个 html 和 js 用来播放一些音频:

HTML

<div id="audio-clips">
    <audio src="/audio/cha-ching.wav" type="audio/wav" id="audio-cha-ching">
</div>

JavaScript

var sfx = $("#audio-clips #audio-cha-ching")[0];
sfx.play();

这在 IE 8 中失败,因为它无法识别“播放”方法。是否有跨浏览器使用相同代码的 jQuery 音频播放方法?我宁愿这样做,然后尝试回退到一些特定于 IE 的解决方案(因为特定于浏览器的解决方案总是很脆弱)。

4

4 回答 4

3

我强烈建议使用 howler.js 来播放音频文件。它在浏览器和设备之间具有很好的兼容性。它在可用时使用 HTML5 音频,并在必要时回退到旧技术。

于 2014-10-16T19:37:54.053 回答
1

IE 上的 HTML5 支持始于 IE9 :(。

顺便说一句,我不确定 IE 是否播放 WAV(我不会这么说): http ://en.wikipedia.org/wiki/HTML5_Audio

HTML 和旧版浏览器的后备解决方案

于 2012-10-15T11:26:33.257 回答
1

audio标记在 Internet Explorer 9 及更高版本中可用。您可以使用Can I Use-Audio进行检查。

wav音频标签上的 Firefox 3.6+、Safari 5+、Opera 10.5+ 和 Internet Explorer 9+ 支持该格式。MP3除了源之外,您还需要添加一个源wav以获得 Chrome 支持。

要获得向后兼容的支持,请使用以下 - 为简洁起见省略了 Flash 元素。

<audio controls preload="auto" autobuffer> 
  <source src="sound.mp3" />
  <source src="sound.ogg" />
  <source src="sound.wav" />
  <!-- now include flash fall back -->
</audio>
于 2012-10-15T11:30:20.147 回答
-5

将您的音频编码为 mp4 格式,而不是 wav。这在 IE 11 中适用于我。

于 2016-01-20T14:57:52.397 回答