- 音视频播放时,预览图片,音视频暂停。
- 当前 Bug 的表现(可附上截图) [图片] 点击播放音频时,点击图片预览图片,调用微信API,wx.previewImage,音频播放暂停。 - 预期表现 希望播放音频的同时,预览图片,音频不要暂停。 经过测试,音频 和 视频 均存在相同问题。 - 开发者工具 和 真机调试 也都存在相同问题。 - 复现路径 - 提供一个最简复现 Demo x.wxml 代码 如下: <button bindtap='viewImage'>点击预览图片</button> <audio id='audio-play' src='http://pd4t7ae3m.bkt.clouddn.com/audio-test.mp3'></audio> x.js 代码 如下: Page({ data: { logs: [] }, _audio: null, onLoad: function () { this._audio = wx.createAudioContext('audio-play', this) this._audio.play() }, viewImage: function () { let _ = this wx.previewImage({ urls: [ 'http://pd4t7ae3m.bkt.clouddn.com/imgs-test1.jpg', 'http://pd4t7ae3m.bkt.clouddn.com/imgs-test2.jpg', 'http://pd4t7ae3m.bkt.clouddn.com/imgs-test3.jpg' ], current: 0, success: () => { _._audio.play() console.log(_._audio) } }) _._audio.play() } }) 播放音频时,预览图片,音频自动停止。(上面资源地址,测试时替换成自己的)
2018-08-28 - innerAudioContext 和 图片预览 冲突
如题 当使用 innerAudioContext 播放音频的时候 调用 previewImage的 音频会停止,自动暂停,然后调用play方法也没有效果。 但是将innerAudioContext 换成 backgroundAudioManager。ios手机上回报 403 网络请求的错误 求诸位大佬怎么整啊。
2018-07-26 - 点击查看图片预览会导致音频暂停是咋回事
- 需求的场景描述(希望解决的问题) 点击查看图片预览会导致音频自动暂停,取消图片预览,音频会再自动播放是咋回事?我想实现的是点击查看图片预览音频不暂停,希望有经验的大神们提出解决方法? - 希望提供的能力
2018-04-16 - BackgroundAudioManager 由于微信7.0版本引起的问题到底没
12月份,Android手机,微信7.0.0升级完后,导致BackgroundAudioManager,退后台播放,播放一首完成后,就没办法接收到onStop,onEnd相关事件。 这样就导致,小程序没办法再后台自动切换下一首。 BackgroundAudioManager.onEnded不被调用 社区中当前相关的帖子,根据官方回复 [图片] 这就让我看不懂了。 官方公告:社区每周 | 上两周社区问题反馈以及功能优化更新(12.24-01.04) [图片] 但是,实际上测试还是不行。 对于需要在app.json添加权限配置的说明:退出小程序后音频继续播放功能的调整 [图片] 我们小程序在很早之前(10月份)就已经增加了这个配置,而且我们在开发版和体验版上测试,也都是播放一首后,就没法播了。 这样的表现,与权限所要实现的功能是不同的,也就是说,不是权限的问题。 所以就想知道下,BackgroundAudioManager的bugs什么时候能够真是修复,至少给个时间点。
2019-01-24 - 画布在开发工具上绘画正常,在真机调试里画的不对怎么回事?
[代码]/**[代码][代码] [代码][代码]* 绘制分享图片[代码][代码] [代码][代码]*/[代码][代码]function[代码] [代码]drawImage(page){[代码][代码] [代码][代码]if[代码] [代码](page != [代码][代码]null[代码] [代码]&& page != [代码][代码]''[代码] [代码]&& page != undefined){[代码][代码] [代码][代码]var[代码] [代码]that = page;[代码][代码] [代码][代码]const ctx = wx.createCanvasContext([代码][代码]'myCanvas'[代码][代码])[代码] [代码] [代码][代码]var[代码] [代码]partner_data = that.data.partner_data;[代码][代码] [代码][代码]var[代码] [代码]bj = partner_data.photo;[代码][代码] [代码][代码]//背景图片和昵称[代码][代码] [代码][代码]var[代码] [代码]txPath = bj ? bj : that.data.imgSrcList[7];[代码][代码] [代码][代码]var[代码] [代码]bjPath = that.data.imgSrcList[8];[代码][代码] [代码][代码]var[代码] [代码]qrCode = that.data.qrcode_temp;[代码][代码] [代码][代码]var[代码] [代码]hostNickname = app.globalData.userInfo.nickName;[代码] [代码] [代码][代码]//绘制背景图片[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]'#FFFEFF'[代码][代码]);[代码][代码] [代码][代码]ctx.drawImage(bjPath,0,0,380,426);[代码][代码] [代码][代码]ctx.drawImage(txPath, 0, 0, 137, 192);[代码] [代码] [代码][代码]//绘制小程序码:[代码][代码] [代码][代码]ctx.drawImage(qrCode, 122, 220, 136, 136);[代码][代码] [代码][代码]//绘制标题[代码] [代码] [代码][代码]ctx.setFontSize(15);[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]"#f56400"[代码][代码]);[代码][代码] [代码][代码]ctx.fillText(partner_data.partner_name, 315, 30)[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]"#ffffff"[代码][代码]);[代码][代码] [代码][代码]ctx.setFontSize(20)[代码][代码] [代码][代码]ctx.fillText(partner_data.name, 149, 50)[代码][代码] [代码][代码]ctx.fillText(partner_data.title, 149, 80)[代码][代码] [代码][代码]ctx.setFontSize(13)[代码][代码] [代码][代码]ctx.fillText(partner_data.depart, 165, 103)[代码][代码] [代码][代码]ctx.fillText(partner_data.phone, 165, 122)[代码][代码] [代码][代码]ctx.fillText(partner_data.email, 165, 142)[代码][代码] [代码][代码]ctx.fillText(partner_data.address, 165, 162)[代码][代码] [代码][代码]ctx.setFillStyle([代码][代码]"black"[代码][代码]);[代码][代码] [代码][代码]ctx.fillText([代码][代码]'长按识别二维码 收下名片'[代码][代码], 120, 378)[代码][代码] [代码][代码]ctx.draw([代码][代码] [代码][代码]false[代码][代码],[代码][代码] [代码][代码]setTimeout([代码][代码]function[代码][代码](){[代码][代码] [代码][代码]canvasToImage(that)[代码][代码] [代码][代码]},200)[代码][代码] [代码][代码])[代码][代码] [代码][代码]}[代码][代码]}[代码] [代码]/**[代码][代码] [代码][代码]* 分享图片生成临时文件[代码][代码] [代码][代码]*/[代码][代码]function[代码] [代码]canvasToImage(page){[代码][代码] [代码][代码]if[代码] [代码](page != [代码][代码]null[代码] [代码]&& page != [代码][代码]''[代码] [代码]&& page != undefined) {[代码][代码] [代码][代码]var[代码] [代码]that = page;[代码] [代码] [代码][代码]wx.canvasToTempFilePath({[代码][代码] [代码][代码]x: 0,[代码][代码] [代码][代码]y: 0,[代码][代码] [代码][代码]fileType:[代码][代码]'png'[代码][代码],[代码][代码] [代码][代码]width: 380,[代码][代码] [代码][代码]height: 426,[代码][代码] [代码][代码]destWidth: 380 * 4,[代码][代码] [代码][代码]destHeight: 426 * 4,[代码][代码] [代码][代码]canvasId: [代码][代码]'myCanvas'[代码][代码],[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码] [代码] [代码][代码]//展示窗口[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]showShareWindow: [代码][代码]true[代码][代码],[代码][代码] [代码][代码]sharePicture: res.tempFilePath[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]fail: [代码][代码]function[代码] [代码](err) {[代码][代码] [代码][代码]wx.showToast({[代码][代码] [代码][代码]icon: [代码][代码]'none'[代码][代码],[代码][代码] [代码][代码]title: [代码][代码]'生成分享图片失败'[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},that)[代码][代码] [代码][代码]}[代码][代码]}[代码] 在开发工具上表现出来的结果是正常的 [图片] 但是用手机真机调试发现背景图没有画出来,同时fillText()的所有信息也没能写上 [图片] 当我保存到手机上时,在相册中打开,发现 fillText() 的信息倒是写上了,但是还是没有背景图 [图片] 三处表现不一,这怎么解决?
2019-01-08