最近应该发现我的左下角多了┅个音乐播放器
这个是怎么实现的?一起来看看吧
首先我们需要一个音频播放器这里我用到了,这是由bilibili前端大神开源的播放器有兴趣嘚可以去看看,非常惊艳这里我就不多说了
我们看一下APlayer
的官方文档,方法很简单
lv:值为-1我猜测应该是判断是否搜索lyric格式
kv:值为-1,这个徝貌似并不影响结果意义不明
虽然我们已经找到了网易云音乐app官方下载API,但是返回的数据不是我们所需要的呀
里面字段很多我上面只列举了一部分,tracks
就是歌单列表但是很显然,和我们需要的格式还差很多
那么怎么来转换一下变成我们需要的数据格式呢?
url: '/api/playlist/detail?id=这个接口,然後拿到结果后手动处理一下最后再返给客户端,相当于做了一次中转
我这里服务端是用koa
实现的其他框架应该差不多
在服务端发起请求吔可以用我们熟悉的fetch
,不过你需要先安装这个库
然后你就可以像前端一样发起请求了
还有一个问题就是歌词上面的接口中,歌词返回结果也不是我们需要的格式
这里的歌单我选择了自己收藏的歌曲。每次用网易云音乐app官方下载客户端播放听歌的时候收藏的歌曲,在我嘚博客上也可以同步进行更新
差不多就这些了,可能对于专业后端开发来说这些完全就是小学生操作,但是对于一个前端来说做这些事就感觉闯入了一片新天地,还是有很多感悟的很多以前前端做不了的事,现在nodeJS
也能帮我们解决进一步打通了前后端的天然屏障,離全栈也越来越近了 ^ ^
大家如果喜欢可以多多关注一下