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

Question

我正在播放有声读物章节并希望它在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> 

Answer 1

当您使用

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

您设置的音频元件的电流源。

如果你想，而不是加载您的当前页面的新页面，您可以使用：

window.location = "your_url"; 

Answer 2

使用ended事件和重定向：

http://www.w3.org/html/wg/drafts/html/master/embedded-content.html#event-media-ended

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

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

演示： http://jsfiddle.net/moogs/tqam3zyf/2/