公告列表
公告列表
收藏
回答

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

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

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

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




最后一次编辑于  2019-08-20
回答关注问题邀请回答
收藏

4 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-08-20




    使用 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)
          }
        })


    2019-08-20
    有用 1
    回复 1
    • iazure
      iazure
      2019-08-20
      嗯嗯，立马试试去，非常感谢(*╹▽╹*)
      2019-08-20
      赞
      回复
  • 九歌^
    九歌^
    2019-08-20

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

    2019-08-20
    有用 1
    回复 2
    • iazure
      iazure
      2019-08-20
      嗯嗯，谢谢，浮窗应该只是把小程序浮窗，喜马拉雅体验应该是楼下的方法。哈哈，解决了开心，谢谢你们
      2019-08-20
      赞
      回复
    • 九歌^
      九歌^
      2019-08-20回复iazure
      666
      2019-08-20
      赞
      回复
  • 郎涛
    郎涛
    2021-01-13

    公众号里面，怎么实现，有谁知道吗？

    2021-01-13
    有用
    回复
  • XxD。。
    XxD。。
    2020-10-27

    公众号的也有一个，不知道是什么接口，都没有文档

    2020-10-27
    有用
    回复 1
    • 郎涛
      郎涛
      2021-01-13
      公众号里面，怎么实现，知道吗？
      2021-01-13
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
播放音频音频播放