小程序背景音乐api

最新推荐文章于 2025-03-09 21:57:07 发布

大表哥6

最新推荐文章于 2025-03-09 21:57:07 发布

阅读量932

点赞数

分类专栏： js 文章标签：小程序

本文链接：https://blog.youkuaiyun.com/big_borther6/article/details/104042961

版权

js 专栏收录该内容

25 篇文章

订阅专栏

1.const bgMusic = wx.getBackgroundAudioManager() //创建背景音乐

退到主屏还用继续播放，ios系统面板可以控制

2.const innerAudioContext = wx.createInnerAudioContext()

退出就关闭了

用法：

第一个

const bgMusic = wx.getBackgroundAudioManager()  //创建背景音乐

  play(e){  //点击播放

    //获取当前id

    var data = e.currentTarget.dataset.id;

    console.log(data);//当前所对象

    bgMusic.title = data.name;

    bgMusic.singer =data.singer;

    bgMusic.src = data.url;




    bgMusic.onPlay(() => {

      wx.showToast({

        title: '开始播放',

        icon: 'success',//当icon：'none'时，没有图标 只有文字

        duration: 2000

      })

    })

    bgMusic.onError(()=>{

      console.log("播放失败")

    })

    bgMusic.onEnded(() => {

        console.log("完了")

    })

  },

每次调用都会覆盖前面的，

第二个

    const innerAudioContext = wx.createInnerAudioContext()
      innerAudioContext.autoplay = true
      innerAudioContext.src = data.url;
      innerAudioContext.onPlay(() => {
        console.log('开始播放')
      })

每次调用不会覆盖前面的，导致声音叠加。2，退出就停止播放3，