PHP前端开发

QQ音乐微信小程序实例代码

百变鹏仔 2天前 #前端问答
文章标签 实例

想做一个功能齐全的类似qq音乐的微信小程序,demo来了,可供大家参考,包含音乐搜索、音乐列表及播放停止
示例代码:

var util = require('../../utils/util.js')var app = getApp()Page({    data: {        playingSong: {},        songUrl: '',        songImg: '',        songState: {            progress: 0,            currentPosition: '00:00',            duration: '00:00'        },        isPlaying: true,        lyric: ''    },    onLoad: function(){        console.log('playsong onLoad');        let that = this;        let songdata = app.globalData.songData;                 that.setData({            playingSong: songdata,            songUrl: 'http://ws.stream.qqmusic.qq.com/C100' + songdata.songmid + '.m4a?fromtag=38',            songImg: 'http://y.gtimg.cn/music/photo_new/T002R150x150M000' + songdata.albummid + '.jpg',        });        let thatData = that.data;        wx.playBackgroundAudio({            dataUrl: thatData.songUrl,            title: thatData.playingSong.songname,            coverImgUrl: thatData.songImg,            success: function(res){                //do something            }        });    },    onReady: function(){        console.log('playsong onReady');        let that = this;        that.songPlay();        wx.onBackgroundAudioPlay(function(){            console.log('播放了');            that.songPlay();        });    },    timeToString: function(duration){        let str = '';        let minute = parseInt(duration/60)