显示时发出声音的警报框

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();

小提琴

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

还要注意，您不需要在script标记中包括language和type ：

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

只需执行以下操作：

<script>