PhoneGap中文网

标题: html5的audio标签怎么让他播放完一个事件然后自动播放另一... [打印本页]

作者: 2484812307 时间: 2016-7-19 14:46
标题: html5的audio标签怎么让他播放完一个事件然后自动播放另一...
html5的audio标签怎么让他播放完一个事件然后自动播放另一个事件？

作者: FeeLinear 时间: 2016-8-10 21:07
看到你的问题，本来也没去做过，忍不住去尝试了下。这一尝试就是将近两个小时。庆幸的是最后终于实现了！  一开始我把它想的简单了，觉得不是有一个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标签内，否则不起作用

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)