音频结束时重新加载页面

Question

我正在尝试让网页在音频文件停止播放时自动重新加载。我试过使用带有 onended 参数的标签，但无济于事。请帮忙。

<html>
<body>
<center>
<embed src="1.wav" width="0" height="0"></embed>
</center>
</body>
</html>

Answer 1

您应该使用 <audio /> 元素及其 ended 事件。

<audio src="1.wav" onended="window.location.reload()" />

Audio element on MDN

Media events on MDN

Demo

顺便说一句，如果你只想重新加载，那么它就会循环……有更好的方法可以做到这一点。如果您想在每次加载时播放随机曲目，也可以在不重新加载页面的情况下完成。

Answer 2

首先，正如pawel提到的，您应该改用<audio>标签。

然后你可以使用 media events 和 JS 做类似的事情。

它可能看起来像这样：

var audio_element = document.getElementsByTagName("audio")[0];
audio_element.addEventListener("ended",
    function() {
      document.location.reload(true); 
    }, true);

切记，有更好的方法来更改或循环播放音频文件。

音频结束时重新加载页面

Reloading page when audio ends

html

reload