標題:
調(diào)用網(wǎng)易云音樂API實現(xiàn)自己的音樂電臺
[打印本頁]
作者:
hongniu
時間:
2015-6-25 15:21
標題:
調(diào)用網(wǎng)易云音樂API實現(xiàn)自己的音樂電臺
想給網(wǎng)站加一個音樂電臺，一般的都市通過iframe或者是Object嵌入子頁。這個樣子樣式很難控制并且移動端都亂成狗了。一位好基友他用PHP在網(wǎng)站上嵌入網(wǎng)易云音樂，響應(yīng)式布局非常炫。也想模仿著如何改成asp.net或者Html添加到自己的網(wǎng)站上。要到了netease-music插件，奈何看不懂PHP。
經(jīng)過一番百度折騰找到了一些思緒，既然看不懂他的代碼就按照自己想的寫。百度零星有些資料記載netease-music的實現(xiàn)，但是講的太深，什么wrieshark抓包、又是分析數(shù)據(jù)的，搞不懂。后找到一篇文章按照他的GET請求地址發(fā)數(shù)據(jù)后接到了響應(yīng)，返回給我對應(yīng)數(shù)據(jù)的JSON。然后根據(jù)傳入的參數(shù)與網(wǎng)易云音樂顯示的數(shù)據(jù)比對發(fā)現(xiàn)就是這么用。但是暫時只發(fā)現(xiàn)了傳入專輯的ID接收專輯信息的API，如下：
http://music.163.com/api/playlist/detail?id=58451795
（PS：58451795是專輯的ID）如何獲取收藏專輯的API我暫時沒找到，此處的API是通過Chrome開發(fā)工具簡單抓包或者審核元素看到的。后續(xù)在研究他。通過Http調(diào)用GET請求，網(wǎng)易服務(wù)器返回給我非常詳細的專輯信息。有了這個信息只需要簡單的組合頁面就OK了。下面看下返回給我的龐大的JSON。。。
JSON：(這里僅僅看一小小部分，因為這個JSON實在是太大了，足足有90K)
里面返回的數(shù)據(jù)非常的詳細，不需要全部了解是干什么用的，只需要知道自己要用的就可以了。我需要的暫時只是mp3路徑、圖片路徑以及歌曲名稱僅此。下面簡單說一下json結(jié)構(gòu)。
第一層中的“code”代表處理結(jié)果回執(zhí)，200代表請求成功。“result”中包括所有專輯的詳細信息，下一層中“creator”中為收集者信息，“tracks”中為單曲信息，“tracks”的下一層中“mp3Url”為MP3路徑，“name”為歌曲名稱，“picUrl”為歌曲圖片。其他的自己用自己看吧！
得到Json后我通過對象把他反序列化，如圖：
JSON與數(shù)據(jù)模型都有了直接反序列化，然后操作對象拼接html就可以了，如下：（代碼粗糙）
前臺僅僅加了一個簡單的單擊事件，單擊不同的歌曲圖片自動播放音樂，最終效果如圖：
作者:
同一天
時間:
2016-10-23 12:32
這個在微信公眾號里怎么用
作者:
Y!NG
時間:
2016-11-17 11:17
markk!!!
歡迎光臨 (http://www.torrancerestoration.com/bbs/)
Powered by Discuz! X3.1
