作者:幽忧白雪666 | 来源:互联网 | 2017-05-11 02:02
想做一个功能齐全的类似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 ? (&#39;0&#39;+ parseInt(duration/60)) : (parseInt(duration/60));
let secOnd= duration%60 <10 ? (&#39;0&#39;+duration%60) : (duration%60);
str = minute+&#39;:&#39;+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社区 其它相关文章!