2015-03-30 174 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显示警告消息