在做相关课程播放的时候,需要实现小程序退出后依然能保持在后台进行播放的功能。但是在实际实现过程中遇到了一些问题。
第一种方式:
this.urlsrc = 'http://116.77.72.162/mp3.9ku.com/m4a/411603.m4a';
wx.playBackgroundAudio({
dataUrl: this.urlsrc,
title: this.title,
coverImgUrl: this.urlimgsrc
})
// 监听音乐播放。
wx.onBackgroundAudioPlay(() => {
console.log("监听开始播放")
this.current_paly_course_index = index;
})
// 监听音乐暂停。
wx.onBackgroundAudioPause(() => {
})
// 监听音乐停止。
wx.onBackgroundAudioStop(() => {
})
// 监听播放拿取播放进度
const backgroundAudioManager = wx.getBackgroundAudioManager();
backgroundAudioManager.onTimeUpdate(() => {
})
问题点:
小程序退出后,无法在后台进行播放!
第二种方式按官方进行处理:
const backgroundAudioManager = wx.getBackgroundAudioManager()
backgroundAudioManager.title = '此时此刻'
backgroundAudioManager.epname = '此时此刻'
backgroundAudioManager.singer = '许巍'
backgroundAudioManager.coverImgUrl = 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000'
backgroundAudioManager.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46' // 设置了 src 之后会自动播放
前一个晚上还可以默认的后台播放,第二天再测试的时候,又发现无法进行后台播放了!!!坑!!
百思不得其解,其他已上线的为啥可以后台播放,为啥我的就不行!
看了一些别人的配置,但是他们也没用什么特殊的配置!
第三种方式基于第二种基础上,需要在App.js配置相关属性:
仔细一看对应的文档,不知道什么时候开始新增了这么一项说明:
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"requiredBackgroundModes": [
"audio"
],
"debug": false
官网文档说明:
image.png image.png image.png不过其他线上别人的做的似乎也没用配置这个相关属性也可以实现播放后台播放啊!!有点不解!
最后测试其实第一种和第二种都是可以支持的,只要配置了后台播放属性值!
-----------------------
wx.playBackgroundAudio({
dataUrl: 'http://116.77.72.162/mp3.9ku.com/m4a/411603.m4a',
title: '李宗盛',
//图片地址地址
coverImgUrl: "http://schoolpic.doudeng.cn/YangCuiXian-banner.jpg?v=ItYeE"
})
-----------------------
const backgroundAudioManager = wx.getBackgroundAudioManager()
backgroundAudioManager.title = '此时此刻'
backgroundAudioManager.epname = '此时此刻'
backgroundAudioManager.singer = '许巍'
backgroundAudioManager.coverImgUrl = 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000'
backgroundAudioManager.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46' // 设置了 src 之后会自动播放
网友评论