这里使用jquery和jplayer来实现qq空间音乐的查询。
我们要使用的接口位于bejson接口页面中的音乐接口栏里。
qq音乐接口地址:
http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin=qq号&p=0.519638272547262&g_tk=1284234856
这里给出核心代码:
1.gtk参数的获取方式
f
unction getgtk() { var str = "@hr3etvm80"; var hash = 5381; for (var i = 0, len = str.length; i < len; ++i) { hash += (hash << 5) + str.charat(i).charcodeat(); } var gtk = hash & 0x7fffffff; //document.getelementbyid("gtk").value = gtk; return gtk; }
2.请求qq空间接口
function getmusicid() { var qqno = document.getelementbyid("qqno").value; var url = 'http://qzone-music.qq.com/fcg-bin/cgi_playlist_xml.fcg?uin=' + qqno + '&json=1&g_tk=' + getgtk(); $.getscript(url); }
3.回调拼装json
根据返回的json接口
我们来解析音乐json
function jsoncallback(data) { if(data.code==1){ alert(data.msg); return; } var songs = data.qqmusic.playlist.song; var datastr = "["; for (var i = 0; i < songs.length; i++) { datastr += "{"; datastr += "title:'" + songs[i].xsong_name + "',"; datastr += "mp3:'" + songs[i].xsong_url + "'"; datastr += "}"; if (i < songs.length) { datastr += ','; } } datastr += ']'; eval("ds=" + datastr); newplayer(ds); }
最后我们调用jplay播放器:
var playlist; function newplayer(data) { playlist = new jplayerplaylist({ jplayer: "#jquery_jplayer_1", cssselectorancestor: "#jp_container_1" }, data, { swfpath: "js", supplied: "mp3", wmode: "window" }); }