2015-03-30 214 views
0

時,我想補充一個警告框,對話框,當它顯示的音頻文件播放,播放聲音,警告框顯示

這裏是我現在有:

<audio autoplay="autoplay" preload="auto"> 
    <source src="Funk.ogg" type="audio/ogg"> 
    </audio> 
<script language="JavaScript" type="text/javascript"> 
alert("alert box"); 
</script> 

但問題是,當頁面加載時顯示警報,然後,當我點擊確定播放聲音文件。

我希望在顯示警告框時播放聲音。

謝謝你的幫助。

+0

你試圖用玩JS打開警報之前的音頻? 'document.getElementById(「yourAudioId」)。play();'然後'alert();'? – wahwahwah 2015-03-30 20:27:54

回答

0

在setTimeout的回調結束語應該工作,甚至可能沒有延遲:

setTimeout(function(){ 
    alert("alert box"); 
}, 0); 

警報一般不喜歡跟他們一起推出其他的事情,所以這個小竅門應該做的。您也可以使用JS播放該文件,但我相信您仍然需要延遲警報。

0

取出autoplay功能,並添加到您的script

var audio= document.getElementsByTagName('audio')[0]; 

audio.play(); 
alert('Now playing ...'); 
audio.pause(); 

Fiddle

(打開前撥弄調低你的音量!)

另外請注意,你不這樣做需要在腳本標記中包含languagetype

<script language="JavaScript" type="text/javascript"> 

只要做到這一點:

<script> 
+0

這是我現在,但還是連點擊確定後,不玩了,現在: '

  • 11. onClick HOME鍵顯示警告框在android
  • 12. 在警告框中顯示div
  • 13. 在網頁上顯示警告框?
  • 14. 顯示在JavaScript警告框新行
  • 15. 警告對話框顯示按鈕
  • 16. 關閉Windows時不顯示警告框?
  • 17. 在Android上不顯示JavaScript警告框
  • 18. 在JavaScript警告框中顯示DataTable
  • 19. Drupal:顯示警告
  • 20. Simplexml顯示警告
  • 21. 錶行...顯示警告onClick
  • 22. XCode顯示舊警告
  • 23. 回覆後顯示警告
  • 24. 顯示Intellij編譯警告
  • 25. Javascript警告不顯示
  • 26. 顯示警告消息
  • 27. 不顯示警告消息
  • 28. 與jQuery顯示警告
  • 29. CakePHP的顯示include_once警告
  • 30. Autolayout顯示警告消息