悬浮在微信上的播放按钮是如何实现的，有现成的组件还是？
发布于 7 年前 作者 xiulan46 14770 次浏览 来自 官方Issues

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

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

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

2 回复

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

使用 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)
      }
    })
回到顶部