欧美极品高清xxxxhd,国产日产欧美最新,无码AV国产东京热AV无码,国产精品人与动性XXX,国产传媒亚洲综合一区二区,四库影院永久国产精品,毛片免费免费高清视频,福利所导航夜趣136

 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 45566|回復: 2
打印 上一主題 下一主題
收起左側

調用網易云音樂API實現自己的音樂電臺

[復制鏈接]
跳轉到指定樓層
樓主
ID:83710 發表于 2015-6-25 15:21 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
      想給網站加一個音樂電臺,一般的都市通過iframe或者是Object嵌入子頁。這個樣子樣式很難控制并且移動端都亂成狗了。一位好基友他用PHP在網站上嵌入網易云音樂,響應式布局非常炫。也想模仿著如何改成asp.net或者Html添加到自己的網站上。要到了netease-music插件,奈何看不懂PHP。

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

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

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

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

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





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



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



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

使用道具 舉報

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

使用道具 舉報

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

使用道具 舉報

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

本版積分規則

小黑屋|51黑電子論壇 |51黑電子論壇6群 QQ 管理員QQ:125739409;技術交流QQ群281945664

Powered by 單片機教程網

快速回復 返回頂部 返回列表