我们有时候希望自己的文章带有背景音乐，使用audio很方便实现，添加属性autoplay="autoplay"
<audio src="lucky.mp3" id="music" autoplay="autoplay"></audio>
考虑到在手机方面大多默认禁止自动播放，如果弄个按钮点击，搞得又不太智能，所以想到在用户触摸屏幕时开启播放
document.addEventListener('touchstart',function(){
document.getElementById('music').play();
}, true);
经过测试发现在iphone上，再次滑动屏幕音乐会停顿，停下来又继续播放，整体就造成了有点卡顿的假象，然后就加了个判断,还是有点作用
var played = false;
document.addEventListener('touchstart',function(){
if (played == false) {
played = true;
document.getElementById('music').play();
}
}, false);
网友评论