小程序音乐播放器

Posted 2020-12-06 竹 薙

wx.createInnerAudioContext()

audio组件小程序不再使用,使用能力更强的 wx.createInnerAudioContext 接口
在js文件头部创建一个对象

const myaudio = wx.createInnerAudioContext();

播放音乐

 //播放按钮
  playbtn(){
    var that=this;
    var id = this.data.id
    this.setData({
      playflag:true //改变按钮样式状态
    })
    //开始播放
    myaudio.autoplay = true;
    var vidSrc = `https://music.163.com/song/media/outer/url?id=${id}.mp3`; //音频地址
    myaudio.src = vidSrc;
    //开始播放
    myaudio.play(); 
    myaudio.onPlay(() => {
      console.log(‘开始播放‘);
    })
  },

停止音乐

 // 停止按钮
  pausebtn(){
    var that=this;
    this.setData({
      playflag:false //改变按钮样式状态
    })
    //音乐停止
    myaudio.stop();
    //停止监听
    myaudio.onStop(() => {
      console.log(‘停止播放‘);
    })
  },