- 注册时间
- 2016-11-25
- 最后登录
- 2017-11-14
- 阅读权限
- 20
- 积分
- 37
- 精华
- 0
- 帖子
- 8
|
应用场景:点击按钮时播放音频1,时间(5秒)到了,停止音频1,播放音频2。
这样做,在电脑端一切正常;
但为什么音频2在平板或手机端不播放,且偶尔音频1也只播放几秒钟就暂停?
像这样间隔时间接入两个音频的方式,怎么处理比较好?
按钮点击事件:
btn.addEventListener(LMouseEvent.MOUSE_DOWN,function(e){
document.getElementById("sound1").play();
setTimeout(function(){
document.getElementById("sound1").pause();
document.getElementById("sound1").currentTime = 0;
document.getElementById("sound2").play();//这个始终不播放。
},5000);
});
html代码:
<audio id="sound1">
<source src="images/sounds/sound1.ogg" type="audio/ogg" preload hidden>
<source src="images/sounds/sound1.mp3" type="audio/mpeg" preload hidden>
<source src="images/sounds/sound1.wav" type="audio/wav" preload hidden>
</audio>
<audio id="sound2">
<source src="images/sounds/sound2.ogg" type="audio/ogg" preload hidden>
<source src="images/sounds/sound2.mp3" type="audio/mpeg" preload hidden>
<source src="images/sounds/sound2.wav" type="audio/wav" preload hidden>
</audio>
|
|