使用jQuery 1.4播放声音的跨平台,跨浏览器方式？

Question

我正在尝试让jQuery在元素悬停/点击上播放声音.(这就像没有闪存的Flash网站)

我尝试过跨平台,跨浏览器方式推荐的方法从Javascript播放声音？,jQuery Sound插件和其他一些教程没有任何成功.我假设这是因为他们自2008年以来没有更新过.

有没有人有任何建议？

Answer 1

不需要任何这些.HTML标记与JavaScript相结合,可以解决问题.

<audio id="soundHandle" style="display: none;"></audio>
<script>
  soundHandle = document.getElementById('soundHandle');
  soundHandle.src = '/blah/blah.mp3';
  soundHandle.play();
</script>

Answer 2

实际上,不可能以真正的跨浏览器兼容方式进行,例如iPhone只能在专用播放器"页面"上播放声音.但是,其他答案中的某些插件应该可以完成大多数(桌面)浏览器的工作.

Answer 3

音频标签在某些浏览器中对我不起作用,所以这就是我完成它的方式:

function playBuzzer(){
        $("body").append("<embed src='/web/sounds/Buzz.mp3' autostart='true' loop='false' width='2' height='0'></embed>");
}

每当我想播放声音(onmouseover,onclick,onload ......)时,我都会调用此函数.