码迷,mamicode.com
首页 > 微信 > 详细

微信小程序背景音乐的播放以及问题的解决

时间:2019-11-19 12:13:24      阅读:563      评论:0      收藏:0      [点我收藏+]

标签:manager   点击事件   UNC   地方   key   OLE   调用   log   set   

微信小程序背景音乐的播放有自己自定义的api,并不推荐使用audio,audio加载时间长,体验不好,推荐使用wx.getBackgroundAudioManager()

//定义背景音乐

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

page({

data:{

src:‘ ‘

},

 

onLoad:function(){

  this.ceshi()

},

ceshi:function(){

  //这里 需要从接口获得背景音乐的路劲,我这里就随便写个假的了

  wx.request({

    url:‘ ‘,

    dataP:{},

    methos:‘‘,

    success:function(res){    

      this.setData({

        src:src

      })    

      this.listenerButtonPlay()    //成功获得音乐路径后调用监听方法,以便 后续需要

    }

  })

  },

 

 
listenerButtonPlay: function () {
  var that = this
  var src = that.data.src
  console.log(src)
  // bgMusic.title = ‘333‘;   //必须设置title,否则会报错
  //bgMusic.src = src;  //如果需要页面加载完成自动播放背景音乐,解除注释,背景音乐默认赋值上src后就自动播放
  bgMusic.onTimeUpdate(() => { //监听音频播放进度
    //console.log(bgMusic.currentTime)
  })
  bgMusic.onEnded(() => { //监听音乐自然播放结束
    console.log("音乐播放结束");
    // that.listenerButtonPlay(src)    //r如果需要音乐结束后继续循环播放,解除注释
  })
  bgMusic.pause(); //播放音乐
},
//停止播放
listenerButtonStop: function () {
  bgMusic.stop()
},
 
//有时我们并不需要自动播放背景音乐,需要手动控制,随便加个点击事件
autoMusic: function (e) {
  var that = this;
  that.setData({
    auto: !that.data.auto
  });
  if (that.data.auto) {
    bgMusic.title = that.data.src      //这个地方必须放在判断里,放在外边你会发现你暂停音乐暂停不了
    bgMusic.src = that.data.src
    bgMusic.play();
    console.log("播放")
  } else {
    bgMusic.pause();
    console.log("暂停")
  }
},

})

 

此次使用问题汇总

背景音乐必须设置title,

赋值src会自动播放,

播放暂停如果方法是同一个赋值src必须放在播放判断里面

 

 

 

微信小程序背景音乐的播放以及问题的解决

标签:manager   点击事件   UNC   地方   key   OLE   调用   log   set   

原文地址:https://www.cnblogs.com/lishuang2243/p/11888257.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!