Question

我想添加一个带对话框的警告框，当显示播放音频文件时，

这就是我现在所拥有的：

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

但问题是，当页面加载时会显示警告，然后，当我点击“确定”时会播放声音文件。

我想要的是在显示警告框时播放声音。

谢谢你的帮助。

Answer 1

将它包装在setTimeout回调中应该可以工作，甚至可能没有延迟：

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

警告通常不喜欢与他们一起发起的其他事情，所以这个小技巧应该做。您也可以使用JS播放该文件，但我相信您仍然需要一点延迟才能发出警报。

Answer 2

删除autoplay功能，并将其添加到script：

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

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

Fiddle

（在打开小提琴之前调低音量！）

另请注意，您不需要在脚本标记中加入language和type：

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

只需这样做：

<script>

显示时播放声音的警报框

2 个答案: