找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

帖子
查看: 45485|回復(fù): 2
打印 上一主題 下一主題
收起左側(cè)

調(diào)用網(wǎng)易云音樂API實現(xiàn)自己的音樂電臺

[復(fù)制鏈接]
跳轉(zhuǎn)到指定樓層
樓主
ID:83710 發(fā)表于 2015-6-25 15:21 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
      想給網(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ù)器返回給我非常詳細(xì)的專輯信息。有了這個信息只需要簡單的組合頁面就OK了。下面看下返回給我的龐大的JSON。。。

JSON:(這里僅僅看一小小部分,因為這個JSON實在是太大了,足足有90K)

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

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

    得到Json后我通過對象把他反序列化,如圖:





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



    前臺僅僅加了一個簡單的單擊事件,單擊不同的歌曲圖片自動播放音樂,最終效果如圖:



分享到:  QQ好友和群QQ好友和群 QQ空間QQ空間 騰訊微博騰訊微博 騰訊朋友騰訊朋友
收藏收藏 分享淘帖 頂 踩
回復(fù)

使用道具 舉報

沙發(fā)
ID:144039 發(fā)表于 2016-10-23 12:32 | 只看該作者
這個在微信公眾號里怎么用
回復(fù)

使用道具 舉報

板凳
ID:143203 發(fā)表于 2016-11-17 11:17 | 只看該作者
markk!!!
回復(fù)

使用道具 舉報

您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規(guī)則

手機(jī)版|小黑屋|51黑電子論壇 |51黑電子論壇6群 QQ 管理員QQ:125739409;技術(shù)交流QQ群281945664

Powered by 單片機(jī)教程網(wǎng)

快速回復(fù) 返回頂部 返回列表