首页 > 其他 > 详细

vue 音频问题

时间:2017-08-08 20:33:36      阅读:471      评论:0      收藏:0      [点我收藏+]

技术点:

在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 音频问题

原文:http://www.cnblogs.com/QxkWeb/p/7308749.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!