Vue-NetEaseCloudMusic
前几天逛掘金忽然发现一个和我同名的安卓版webapp项目
https://juejin.im/post/5afb6ecef265da0b8070e726
觉得我的IOS版本也该祭出来了,本来我的这个项目一年前就已经完成了, 至于为什么一直没有放到线上?说来话长(由于本人linux操作水平有限,导致一直搁浅至今)
直到昨天本人购买了阿里云(真不是广告),阿里云的产品介绍和操作指南对于新手还是很友好的, 踩过一些小坑,终于部署上线。
基于vue 2.0 模仿IOS版网易云音乐的手机网站,
感谢Binaryify提供的 nodeAPI服务
在启动项目前, 你需要在本地把这个node服务跑起来。
技术栈:vue全家桶 vue,vuex,vue-router,axios,es6
完成功能:
- 听歌
- 上一首、下一首
- 随机切换歌曲
- 发现音乐
- 我的
- 朋友
- 账号
- 歌单
- 排行榜
- 主播电台
- 评论
体验地址: http://120.78.144.91:8080 推荐使用chrome浏览器 调成手机模式观看
既然是音乐播放器,技术的主要难点应该是在播放器这里, 首先需要在vuex保存播放列表和当前播放歌曲,其次就是歌词显示和音乐播放同步, 如caijinyc兄弟所说lyric-parser
,使用这个库来解析歌词也是不错的。 目前项目还只是实现了基本功能,接下来还需要做一些加载优化,如果体验不佳,还请各位大佬多多包涵。
TODO:
- 完善登录
- 账号
- 搜索
又到了最后的环节(你懂得), 如果你喜欢这个项目的话,欢迎star★,fork! 您的star和fork是对我最大的鼓励!