Javascript 播放完HTML5音频文件后重定向到新页面

我正在播放带文本的有声读物章节，希望它在html5音频文件完成后自动重定向到包含下一章节文本和音频的新页面

我不是程序员，所以我需要一些帮助

我知道我需要使用addEventListener，其结束函数类似于下面的函数，但我不知道如何修改它以调用新页面而不是新音频文件

<audio id="audio" autoplay controls src="song1.mp3" type="audio/mpeg"></audio>
<script type="text/javascript">
    document.getElementById('audio').addEventListener("ended",function() {
    this.src = "song2.mp3?nocache="+new Date().getTime();
    this.play();
    });
</script>

document.getElementById（'audio'）.addEventListener（“结束”，函数（）{
this.src=“song2.mp3？nocache=“+newdate（）.getTime（）；
这个。play（）；
});

当您使用

this.src = "song2.mp3?nocache="+new Date().getTime();
this.play();

您可以设置音频元素的当前源

如果要加载新页面而不是当前页面，可以使用：

window.location = "your_url";

---

使用

end

事件并重定向：

演示：

function redirectHandler() {
  window.location = 'http://example.com';
}

audio.addEventListener('ended', redirectHandler, false);