关于移动端音频播放问题

xionchan

应用场景：点击按钮时播放音频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

手机上播放音频必须在点击的时候进行