首页 > 微信 > 详细

小程序音乐播放器

时间:2020-05-28 19:58:16      阅读:62      评论:0      收藏:0      [点我收藏+]

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(‘停止播放‘);
    })
  },

小程序音乐播放器

原文:https://www.cnblogs.com/yad123/p/12983125.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!