jQuery JSON jPlayer は QQ スペース音楽クエリ関数を実装します example_jquery

デモのアドレス: http://bejson.com/demos/qqmusic/
コードのダウンロード: http://www.jqdemo.com/932.html
それはずっと前のことです。 query QQ Music インターフェースだけが出てきます。
ここでは jQuery と jPlayer を使用して QQ スペース音楽クエリを実装します。
まず第一に、もちろん QQ スペース ミュージック インターフェイスを含む、さまざまな便利なインターフェイスを収集してくれた bejson に感謝します。
その URL は次のとおりです: http://www.bejson.com/webInterface.php
使用したいインターフェースは、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 パラメーターを取得する方法

コードをコピーします コードは次のとおりです。 🎜>

function getGTK() {
var str = "@HR3etVm80";
var hash = 5381;
for (var i = 0,
len = str.length ; i < len i) {
ハッシュ = (ハッシュ 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(); (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 dataStr = "{";
dataStr = "title:'" songs[i].xsong_name "',";
dataStr = "mp3:'" songs[i].xsong_url "'";
dataStr = "}"
if (i < songs.length) {
dataStr = ',' ;
}
}
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"
});
}