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

 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

搜索
查看: 45541|回復: 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就可以了,如下:(代碼粗糙)



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



回復

使用道具 舉報

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

快速回復 返回頂部 返回列表
主站蜘蛛池模板: 国产一区二区在线观看视频 | 亚洲协和影视 | 精品二| 国产视频第一页 | 日韩快播电影 | 超碰在线免费公开 | 成人在线免费观看 | 中文字幕免费视频 | 成人免费一级视频 | 欧美一级黄色网 | 欧美视频1 | 亚洲伊人a | 久久成人一区二区三区 | 黄久久久 | 日韩欧美在 | 一级片在线播放 | 国产精品日韩欧美一区二区三区 | 日本在线免费看最新的电影 | 国产精品99久久免费观看 | 国产精品视频一二三区 | 超级黄色一级片 | 国产一级毛片视频 | 一区二区三区精品 | 黄色在线免费观看视频网站 | 久久久久久久久久一区 | 视频在线一区二区 | 在线观看成人免费视频 | 久久久久久久久中文字幕 | 久久毛片网站 | 日韩一区二区在线免费观看 | 日韩精品在线观看一区二区 | 久久国产成人 | 欧美一区二区三区 | 国产精品美女久久久av超清 | 欧美三级电影在线播放 | a在线视频 | 91亚洲精品久久久电影 | 久久黄色网 | 欧美中文字幕一区 | 久久99精品久久久久久琪琪 | 中文字幕欧美日韩一区 |