悬浮在微信上的播放按钮是如何实现的，有现成的组件还是？ - WXOPEN Club

需要开发一个像喜马拉雅小程序一样的音频播放功能，如何做到如下图？

这个看起来像是微信自带的，但如何让他出现？并且在退出小程序但未停止播放音频时一直保持悬浮播放呢？

希望知道的伙伴不吝赐教,谢谢(*╹▽╹*)

2 回复

weilin1 楼6 年前

刚试了下。所有只要是正在播放音频的小程序。设置为浮窗后都是这个效果。

wangtao2 楼6 年前

使用 wx.playBackgroundAudio 这个播放音乐页面上会有浮窗，小程序切到后台，微信里也会有浮窗，前提要在app.json中加个配置项 “requiredBackgroundModes”: [“audio”]

例子：

wx.playBackgroundAudio({

dataUrl:

'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46'

,

title: '此时此刻',

coverImgUrl: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',

success(res) {

console.log("成功", res)

},

fail(res) {

console.log("失败", res)

}

})