找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 45436|回复: 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 单片机教程网

快速回复 返回顶部 返回列表