<script>
var onOff = true;
var dom = document.getElementById('bgm');
dom.play();
$('body').on('touchstart', function() {
if (onOff) {
onOff = false;
document.getElementById('bgm').play();
} else {
return;
}
})
$('.music').bind('touchstart', function() {
var dom = document.getElementById('bgm');
if (dom.paused) {
dom.play();
$('.music-btn').addClass('play');
} else {
dom.pause();
$('.music-btn').removeClass('play');
}
})
</script>
1、在H5中自动播放,在IOSAPP中 不自动播放
自己添加一个body的touchstart后,手指触碰一下音乐才开始播放,如何让在APP中也自动播放呢?
2、如何让浏览器后台的时候 停止音乐播放呢?
这是 IOS 系浏览器自身的行为,出于安全和体验方面的考虑,不能自动播放或 JS 直接调起插件。
只有人为的
isTrusted
事件才能让audio
播放。这个单通过 H5 页面想解决方法可行性不是很高,需要 APP 支持,注入相关JS接口,APP 获取到切入后台状态后,调用页面这个方法