首页 > 代码库 > vue 音频问题
vue 音频问题
技术点:
在weakpack配置音频文件:
{
test: /\.mp3(\?.*)?$/,
loader: ‘url-loader‘,
options: {
limit: 15000,
name: utils.assetsPath(‘media/[name].[hash:7].[ext]‘)
}
},
一定注明音频大小限制(微信崩溃);
在static中建个audio文件放音频;
技术点二:
微信背景音乐自动播放:
function audioAutoPlay() {
ground.load();
ground.play();
document.addEventListener("WeixinJSBridgeReady", function () {
ground.load();
ground.play();
}, false);
}
audioAutoPlay();
ios/安卓必须由事件触发:
技术点三:
检测锁屏/后台切换状态
document.addEventListener("visibilitychange", function() {
let audio = document.getElementById(‘music‘);
if(!document.hidden){
audio.play();
}else{
audio.pause()
}
vue 音频问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。