html5的audio标签怎么让他播放完一个事件然后自动播放另一...
html5的audio标签怎么让他播放完一个事件然后自动播放另一个事件?看到你的问题,本来也没去做过,忍不住去尝试了下。这一尝试就是将近两个小时。庆幸的是最后终于实现了!一开始我把它想的简单了,觉得不是有一个ended事件么,于是乎我就用dom.ended=function(){}试了试,但就是不成功,于是又跑到W3C研究音频/视频事件研究了半天,无语。 原来对于这种无交互事件要用事件监听器才起左右。当然还有一种方法那就是设置定时器用if去判断,但是这种方法非常损耗内存,不建议。以下是我的代码:
<audio src="1.mp3" id="test"controls="controls" autoplay="">
</audio>
<script type="text/javascript">
var oT=document.getElementById("test");
oT.addEventListener("ended", function() {
oT.src="2.mp3";
oT.play();
})
</script>
PS: src的值设置成变量+字符串模式就可以播放任意多个文件了,src不能用<source>标签替代, 只能写在audio标签内 ,否则不起作用
页:
[1]