调用网易云音乐API实现自己的音乐电台 -

标题: 调用网易云音乐API实现自己的音乐电台 [打印本页]

作者: hongniu 时间: 2015-6-25 15:21
标题: 调用网易云音乐API实现自己的音乐电台
想给网站加一个音乐电台，一般的都市通过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就可以了，如下：（代码粗糙）

前台仅仅加了一个简单的单击事件，单击不同的歌曲图片自动播放音乐，最终效果如图：

作者: 同一天 时间: 2016-10-23 12:32
这个在微信公众号里怎么用

作者: Y!NG 时间: 2016-11-17 11:17
markk!!!

欢迎光临 (http://www.51hei.com/bbs/)