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

快速回復 返回頂部 返回列表
主站蜘蛛池模板: 日韩影院在线 | 成人区精品 | 日韩电影免费观看中文字幕 | 国产欧美精品一区二区色综合 | 国产我和子的乱视频网站 | 精品久久影院 | 操久久 | 四虎最新| 日韩av在线一区二区三区 | 日本成人午夜影院 | 成人在线视频一区 | 日韩中文字幕视频 | 久久69精品久久久久久久电影好 | 成人一级片在线观看 | 亚洲精品久久久蜜桃 | 久久久久国产精品 | 欧美日韩在线免费观看 | 在线看日韩| av黄色免费在线观看 | 精品一二三| 欧美xxxx在线 | 91深夜福利视频 | 成人一区二区三区在线 | 一区二区三区在线免费 | 日本大香伊一区二区三区 | 免费小视频在线观看 | 三区四区在线观看 | 日韩欧美国产精品 | 最新91在线 | 久久人人网| 日韩无 | 精品国产免费一区二区三区五区 | 亚洲第1页 | 免费v片| 伊人精品一区二区三区 | 亚洲高清视频一区二区 | 蜜臀久久 | 国色天香综合网 | 日本不卡一区 | 男人天堂免费在线 | 在线精品一区二区 |