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

 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 45592|回復: 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代表請求成功!皉esult”中包括所有專輯的詳細信息,下一層中“creator”中為收集者信息,“tracks”中為單曲信息,“tracks”的下一層中“mp3Url”為MP3路徑,“name”為歌曲名稱,“picUrl”為歌曲圖片。其他的自己用自己看吧!

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





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



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



回復

使用道具 舉報

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 單片機教程網

快速回復 返回頂部 返回列表
主站蜘蛛池模板: 成人欧美一区二区三区黑人孕妇 | 久久免费大片 | 色就是色欧美 | xx性欧美肥妇精品久久久久久 | 黄色大片免费看 | 久久久久久久久毛片 | 精品国产一区二区国模嫣然 | 中文字幕亚洲区一区二 | www.天堂av.com| 特级丰满少妇一级aaaa爱毛片 | 99视频入口| 国产成人自拍一区 | 亚洲欧美日韩电影 | 日韩精品国产精品 | 97影院在线午夜 | 久久国产精品免费 | 电影午夜精品一区二区三区 | 黄色在线观看网址 | 国产成人精品免费视频大全最热 | 久久伊人操 | www.狠狠干 | 成人精品鲁一区一区二区 | 久久久精品综合 | 国产人成在线观看 | 成年人在线视频 | 国产精品xxxx| 欧美中文字幕一区二区三区亚洲 | 午夜精品三区 | 日本久久黄色 | 国产成都精品91一区二区三 | 国产精品免费一区二区三区四区 | 一级毛片在线播放 | 亚洲欧美视频 | 一区二区三区四区免费视频 | 亚洲免费在线观看av | 欧美a区 | 久久久久久久久综合 | 日韩无 | 中文字幕免费视频 | 国产永久免费 | 免费视频一区 |