IOS界面版 vue网易云音乐(可能是相似度最高的模仿版本)

Vue-NetEaseCloudMusic

前几天逛掘金忽然发现一个和我同名的安卓版webapp项目
https://juejin.im/post/5afb6ecef265da0b8070e726
觉得我的IOS版本也该祭出来了,本来我的这个项目一年前就已经完成了, 至于为什么一直没有放到线上?说来话长(由于本人linux操作水平有限,导致一直搁浅至今)
直到昨天本人购买了阿里云(真不是广告),阿里云的产品介绍和操作指南对于新手还是很友好的, 踩过一些小坑,终于部署上线。
基于vue 2.0 模仿IOS版网易云音乐的手机网站,
感谢Binaryify提供的 nodeAPI服务
在启动项目前, 你需要在本地把这个node服务跑起来。
技术栈:vue全家桶 vue,vuex,vue-router,axios,es6
完成功能:

  • 听歌
  • 上一首、下一首
  • 随机切换歌曲
  • 发现音乐
  • 我的
  • 朋友
  • 账号
  • 歌单
  • 排行榜
  • 主播电台
  • 评论
项目地址: github.com/leehomeok/V…
体验地址: http://120.78.144.91:8080 推荐使用chrome浏览器 调成手机模式观看













既然是音乐播放器,技术的主要难点应该是在播放器这里, 首先需要在vuex保存播放列表和当前播放歌曲,其次就是歌词显示和音乐播放同步, 如caijinyc兄弟所说lyric-parser,使用这个库来解析歌词也是不错的。 目前项目还只是实现了基本功能,接下来还需要做一些加载优化,如果体验不佳,还请各位大佬多多包涵。

TODO:

  • 完善登录
  • 账号
  • 搜索

又到了最后的环节(你懂得), 如果你喜欢这个项目的话,欢迎star★,fork! 您的star和fork是对我最大的鼓励!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值