2013-03-18 97 views
0

我想接收郵件時播放的聲音,所以我搜索了一下,發現很多的解決方案,但是,我發現是播放聲音當接收到消息

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

,但問題是,它不播放聲音最簡單的解決方案在Godzilla/IE中,並在Chrome中播放。 有沒有什麼辦法可以解決這個問題,而無需添加任何額外的插件(Mozilla/JQuery)。 而且在chrome中還有一個問題,當聲音播放時,主窗口的滾動條從其位置移開。 我的主要問題是播放聲音,所以首先是優先。 任何人都知道它的解決方案,然後plz與我們分享 謝謝。

+0

嘗試使用html5音頻api代替,並作爲回退使用閃光燈。 – Ibu 2013-03-18 17:49:08

+0

我也使用**

回答

7

試試這個,我認爲這是沒有人見過的最簡單的解決方案... :) 你只是做一件事,你應該轉換beep.mp3beep.wav 因爲一些瀏覽器不瞭解MP3所以你只要將其轉換爲WAV,然後用這隻3行代碼

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

這會打得這麼當頁面是打開/重新加載您可以根據需要進行設置,還有一件事情需要js 1.6或更高版本。希望這會解決你的兩個問題。

+0

amaiing .....真棒 – 2013-03-19 11:55:50

+0

沒有額外的js是必需的...和非常短的感謝很多@aysha – 2013-03-19 11:56:41

+0

真的幫助我:) – Patareco 2013-06-05 10:56:20

0

嘗試以下的(未測試)

保持聲音文件都準備好嵌入代碼,並使用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"> 
+0

我已經試過這一個,但同樣problem.btw謝謝 – 2013-03-18 17:52:48

1

打開此鏈接Play Sound without browser plugin

在這個鏈接你可以獲得代碼來解決你的問題。 和第二個問題可能b。通過刪除$(「身體」)

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

解決,並設置任何

+0

謝謝.....這兩個問題已解決只有鏈接你給。 謝謝 – 2013-03-19 11:03:23

0

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