小程序之背景音乐—wx.backgroundAudioManager

最新推荐文章于 2025-05-20 00:51:53 发布

原创最新推荐文章于 2025-05-20 00:51:53 发布 · 6.4k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#小程序背景音乐

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现音乐播放器的方法，详细展示了如何使用wx.getBackgroundAudioManager()来设置音乐标题、歌手、封面图片及音乐源，并通过onPlay和onEnded事件监听播放状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onMusicTap:function(){
      const backgroundAudioManager = wx.getBackgroundAudioManager()
      backgroundAudioManager.title = '此时此刻';
      backgroundAudioManager.epname = '此时此刻';
      backgroundAudioManager.singer = '许巍';
      backgroundAudioManager.coverImgUrl = 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000';
      // 设置了 src 之后会自动播放
      backgroundAudioManager.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46';
      backgroundAudioManager.play();
      backgroundAudioManager.onPlay(() => {
            console.log("音乐播放开始");
        })
      backgroundAudioManager.onEnded(() => {
            console.log("音乐播放结束");
        })
    }