【微信小程序】微信小程序backgroundAudioManager.pause()无法停止播放的原因

最新推荐文章于 2024-12-31 16:02:18 发布

@hongZ

最新推荐文章于 2024-12-31 16:02:18 发布

阅读量3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序开发文章标签：微信小程序开发前端

本文链接：https://blog.youkuaiyun.com/qq_39797956/article/details/88379329

微信小程序开发专栏收录该内容

1 篇文章

订阅专栏

本文分享了在微信小程序中，使用BackgroundAudioManager处理音乐播放和暂停问题的实践过程。作者详细描述了从最初尝试直接调用pause()方法失败，到最后调整代码结构，将设置音频属性的操作移到播放逻辑中，从而成功实现音乐暂停的经验。

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

由于原先的wx.playBackgroundAudio(Object object)等一系列API停止维护，转到使用BackgroundAudioManager 实例进行操作又出现了不能暂停的情况... ...

在鼠标按下触发回调函数中，一开始我是这样写的：

onMusicTap: function(event) {
    var isPlaying = this.data.isPlaying
    var cur_postId = this.data.cur_postId
    var postMuisc = postsData.postList[cur_postId].music

    const backgroundAudioManager = wx.getBackgroundAudioManager()
    backgroundAudioManager.title = postMuisc.title
    backgroundAudioManager.coverImgUrl = postMuisc.coverImg
    backgroundAudioManager.src = postMuisc.url

    if (isPlaying) {
      backgroundAudioManager.pause()
      this.setData({
        isPlaying: false
      })
    } else {
      backgroundAudioManager.play()
      this.setData({
        isPlaying: true
      })
    }
  }

由于看到官方文档上面说“当设置了新的 src 时，会自动开始播放”，我也尝试过把设置src放到else中，但是任然不行。。。

最后，

onMusicTap: function(event) {
    var isPlaying = this.data.isPlaying
    var cur_postId = this.data.cur_postId
    var postMuisc = postsData.postList[cur_postId].music

    const backgroundAudioManager = wx.getBackgroundAudioManager()

    if (isPlaying) {
      backgroundAudioManager.pause()
      this.setData({
        isPlaying: false
      })
    } else {
      backgroundAudioManager.title = postMuisc.title
      backgroundAudioManager.coverImgUrl = postMuisc.coverImg
      backgroundAudioManager.src = postMuisc.url
      backgroundAudioManager.play()
      this.setData({
        isPlaying: true
      })
    }
  }

发现其实只要将设置title、coverImgUrl、src写到else括号内就可以成功暂停了。

不知道什么原因，不过正常工作了。。。

希望有知道原因的大佬能在下方留言解答一下！