lufy's legend

标题: 关于移动端音频播放问题 [打印本页]

作者: xionchan    时间: 2016-11-27 15:47
标题: 关于移动端音频播放问题
应用场景:点击按钮时播放音频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>



作者: lufy    时间: 2016-11-28 08:16
手机上播放音频必须在点击的时候进行




欢迎光临 lufy's legend (http://lufylegend.com/forum/) Powered by Discuz! X2.5