PhoneGap中文网

 找回密码
 立即注册
查看: 17493|回复: 1
打印 上一主题 下一主题

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

[复制链接]

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2016-7-19 14:46:24 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
html5的audio标签怎么让他播放完一个事件然后自动播放另一个事件?


it营
回复

使用道具 举报

0

主题

4

帖子

50

积分

注册会员

Rank: 2

积分
50
沙发
发表于 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标签内 ,否则不起作用
it营
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-4-26 23:33 , Processed in 0.047959 second(s), 32 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表