背景声音在行动

Question

我们有像聊天这样的Facebook，我们希望能够在有人收到新消息时播放声音。最好的方法是什么？如果需要，我们可以使用HTML5，但最好是跨浏览器解决方案。

Answer 1

使用HTML5

很容易

 <audio id="mySoundClip">
    <source src="audio/beep.mp3"></source>
    <source src="audio/beep.ogg"></source>
    Your browser isn't invited for super fun audio time.
 </audio>

和jQuery位

var audio = $("#mySoundClip")[0];
audio.play();

这将支持Firefox 3.5 +，Chrome 3 +，Opera 10.5 +，Safari 4+和＆amp; IE 9 +

Answer 2

对于跨浏览器解决方案，您可能需要查看MediaElement.js。您可以在页面上创建<audio>元素，隐藏它，并在需要播放声音时在其上调用.play。