2484812307 发表于 2016-7-19 14:46:24

html5的audio标签怎么让他播放完一个事件然后自动播放另一...

html5的audio标签怎么让他播放完一个事件然后自动播放另一个事件?


FeeLinear 发表于 2016-8-10 21:07:28

看到你的问题,本来也没去做过,忍不住去尝试了下。这一尝试就是将近两个小时。庆幸的是最后终于实现了!一开始我把它想的简单了,觉得不是有一个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]
查看完整版本: html5的audio标签怎么让他播放完一个事件然后自动播放另一...