收到消息时播放声音答案

【问题标题】：Play Sound When message received收到消息时播放声音
【发布时间】：2013-03-07 04:20:28
【问题描述】：

我想在收到消息时播放声音，所以我搜索并找到了很多解决方案，但我找到的最简单的解决方案是

  <script>  
       $('body').append('<embed src="beep.mp3" autostart="true" hidden="true">');
  </script>

但问题是它不能在 Godzilla/IE 中播放声音并在 Chrome 中播放。有没有办法在不添加任何额外插件（Mozilla/JQuery）的情况下解决这个问题。 chrome 中还有一个问题，当声音播放时，主窗口的滚动条会从它的位置移动。我的主要问题是播放声音，所以它的优先级是第一位的。任何人都知道它的解决方案，然后请与我们分享谢谢。

【问题讨论】：

尝试使用 html5 音频 api，并作为后备使用 flash。
我也使用标签 bt 同样的错误

标签： javascript jquery

【解决方案1】：

打开此链接：Play Sound without browser plugin。

在此链接中，您可以获得解决问题的代码。而第二个问题可以通过去掉$('body')来解决

$('body').append('<embed src="beep.mp3" autostart="true" hidden="true">');

并设置任何 div。

【讨论】：

【解决方案2】：

试试这个，我认为这是任何人见过的最简单的解决方案...:) 您只需做一件事，您应该将您的 beep.mp3 转换为 beep.wav 因为有些浏览器不理解 mp3 所以你应该把它转换成 wav 然后用这个3行代码

 <script>  
     var aSound = document.createElement('audio');
     aSound.setAttribute('src', 'beep.wav');
     aSound.play();
 </script>

这将在页面打开/重新加载时播放声音，您可以根据需要进行设置，并且还需要 js 1.6 或更高版本。希望这能解决你的两个问题。

【讨论】：

只有在选项卡/浏览器处于非活动状态时，我才能播放声音？

【解决方案3】：

如果您不想创建多个音频元素，可以尝试将currentTime 属性设置为 0，以便音频文件重新开始。

<script>
    function play() {
        var sound = document.getElementById("audio");
        sound.currentTime = 0;
        sound.play();
    }
</script>

<audio src="success.wav" autostart="false" width="0" height="0" id="audio" />

【讨论】：

【解决方案4】：

尝试以下（未测试）

将声音文件全部嵌入代码中并使用javascript函数播放它...

<script>
    function PlaySound(soundObj) {
        var sound = document.getElementById(soundObj);
        sound.Play();
    }
</script>

<embed src="success.wav" autostart="false" width="0" height="0" id="sound1" enablejavascript="true">

【讨论】：