首页 > PHP资讯 > 工具库 > QQ音乐微信小程序实例代码

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

工具库
想做一个功能齐全的类似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) < 10 ? ('0'+ parseInt(duration/60)) : (parseInt(duration/60));        let second = duration%60 < 10 ? ('0'+duration%60) : (duration%60);        str = minute+':'+second;        return str;    },    songPlay: function(){        let that = this;        let inv = setInterval(function(){            wx.getBackgroundAudioPlayerState({                success: function(res){                    if(res.status == 1){                        that.setData({                            isPlaying: true,                            songState: {                                progress: res.currentPosition/res.duration*100,                                currentPosition: that.timeToString(res.currentPosition),                                duration: that.timeToString(res.duration)                            }                        })                    }else{                        that.setData({                            isPlaying: false                        });                        clearInterval(inv);                    }                }            });        }, 1000);    },    songToggle: function(){        let that = this;        if(that.data.isPlaying){            wx.pauseBackgroundAudio();        }else{            wx.playBackgroundAudio({                title: that.data.playingSong.songname,                coverImgUrl: that.data.songImg            });        };        that.songPlay();    }})

以上就是QQ音乐微信小程序实例代码的详细内容,更多请关注 第一PHP社区 其它相关文章!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持6不支持0