久久久久久久999_99精品久久精品一区二区爱城_成人欧美一区二区三区在线播放_国产精品日本一区二区不卡视频_国产午夜视频_欧美精品在线观看免费

標(biāo)題: 調(diào)用網(wǎng)易云音樂API實(shí)現(xiàn)自己的音樂電臺(tái) [打印本頁]

作者: hongniu 時(shí)間: 2015-6-25 15:21
標(biāo)題: 調(diào)用網(wǎng)易云音樂API實(shí)現(xiàn)自己的音樂電臺(tái)
想給網(wǎng)站加一個(gè)音樂電臺(tái)，一般的都市通過iframe或者是Object嵌入子頁。這個(gè)樣子樣式很難控制并且移動(dòng)端都亂成狗了。一位好基友他用PHP在網(wǎng)站上嵌入網(wǎng)易云音樂，響應(yīng)式布局非常炫。也想模仿著如何改成asp.net或者Html添加到自己的網(wǎng)站上。要到了netease-music插件，奈何看不懂PHP。

經(jīng)過一番百度折騰找到了一些思緒，既然看不懂他的代碼就按照自己想的寫。百度零星有些資料記載netease-music的實(shí)現(xiàn)，但是講的太深，什么wrieshark抓包、又是分析數(shù)據(jù)的，搞不懂。后找到一篇文章按照他的GET請(qǐng)求地址發(fā)數(shù)據(jù)后接到了響應(yīng)，返回給我對(duì)應(yīng)數(shù)據(jù)的JSON。然后根據(jù)傳入的參數(shù)與網(wǎng)易云音樂顯示的數(shù)據(jù)比對(duì)發(fā)現(xiàn)就是這么用。但是暫時(shí)只發(fā)現(xiàn)了傳入專輯的ID接收專輯信息的API，如下：http://music.163.com/api/playlist/detail?id=58451795（PS：58451795是專輯的ID）如何獲取收藏專輯的API我暫時(shí)沒找到，此處的API是通過Chrome開發(fā)工具簡單抓包或者審核元素看到的。后續(xù)在研究他。通過Http調(diào)用GET請(qǐng)求，網(wǎng)易服務(wù)器返回給我非常詳細(xì)的專輯信息。有了這個(gè)信息只需要簡單的組合頁面就OK了。下面看下返回給我的龐大的JSON。。。

JSON：(這里僅僅看一小小部分，因?yàn)檫@個(gè)JSON實(shí)在是太大了，足足有90K)

里面返回的數(shù)據(jù)非常的詳細(xì)，不需要全部了解是干什么用的，只需要知道自己要用的就可以了。我需要的暫時(shí)只是mp3路徑、圖片路徑以及歌曲名稱僅此。下面簡單說一下json結(jié)構(gòu)。

第一層中的“code”代表處理結(jié)果回執(zhí)，200代表請(qǐng)求成功。“result”中包括所有專輯的詳細(xì)信息，下一層中“creator”中為收集者信息，“tracks”中為單曲信息，“tracks”的下一層中“mp3Url”為MP3路徑，“name”為歌曲名稱，“picUrl”為歌曲圖片。其他的自己用自己看吧！

得到Json后我通過對(duì)象把他反序列化，如圖：

JSON與數(shù)據(jù)模型都有了直接反序列化，然后操作對(duì)象拼接html就可以了，如下：（代碼粗糙）

前臺(tái)僅僅加了一個(gè)簡單的單擊事件，單擊不同的歌曲圖片自動(dòng)播放音樂，最終效果如圖：

作者: 同一天 時(shí)間: 2016-10-23 12:32
這個(gè)在微信公眾號(hào)里怎么用

作者: Y!NG 時(shí)間: 2016-11-17 11:17
markk!!!

歡迎光臨 (http://m.zg4o1577.cn/bbs/)