收到消息后播放聲音

Question

我想在接收消息時播放聲音，所以我對其進行了搜索並找到了許多解決方案，但我發現的最簡單的解決方案是

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

但是問題在於它在Godzilla / IE中無法播放聲音，而在Chrome中無法播放。 有什么方法可以解決此問題而無需添加任何其他插件（Mozilla / JQuery）。 chrome中還有一個問題，當播放聲音時，主窗口的滾動條會從其位置移動。 我的主要問題是播放聲音，因此優先考慮。 任何人都知道它的解決方案，然后請與我們分享謝謝。

Answer 1

試試這個，我認為這是任何人都沒有見過的最簡單的解決方案... :)您只是做一件事，應該將beep.mp3轉換為beep.wav因為某些瀏覽器不了解mp3，因此您應該將其轉換為WAV，然后只使用這三行代碼

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

這將在打開/重新加載頁面時播放聲音，您可以根據需要進行設置，並且還需要js 1.6或更高版本。 希望這能解決您的兩個問題。

Answer 2

打開此鏈接： 播放沒有瀏覽器插件的聲音 。

在此鏈接中，您可以獲得解決問題的代碼。 第二個問題可以通過刪除$('body')來解決

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

並設置任何div 。

Answer 3

嘗試關注（未測試）

將聲音文件准備好嵌入到代碼中，並使用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">

Answer 4

如果不想創建多個音頻元素，可以嘗試將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" />