使用vue2 vuex vue-router axios webpack Electron搭建的跨平台云音乐播放器,网易云音乐接口强力支撑,可随意畅听高品质收费歌曲
# 项目根目录安装依赖
npm install
# 浏览器访问localhost:8000
npm run dev
# 打包编译生成静态资源
npm run build
当前配置仅编译为mac端桌面程序,如需window、linux版本只需在build/package.json
中script
字段下的--platform=darwin
后添加对应平台名称即可。
重要!
第一步:请先将build.option.js
中MODE
设为1
第二步:
# 重要!以下操作均在build目录下进行
# 安装electron相关依赖
npm run install
# 预览效果
npm run test
# 编译生成可执行文件
npm run build
短期:
播放暂停上一首、下一首随机、单曲循环播放查询(支持歌名,歌手,歌词,专辑查询)下载歌曲高品质音乐支持显示歌曲评论(数据来自网易云音乐)优化移动端体验将SongList组件中的ListItem抽象为一个通用组件- 参考Vue HackerNews,对代码结构进行优化
- 缓冲进度条
- 用beforeMount优化SongList组件
- webpack code spliting优化
长期:
- 后台用Node重写并开源(后台目前为java实现,暂时闭源)
- 完善测试
- 榜单
- 用户登录/注册
- 支持用户自定义歌单(可添加歌曲进用户歌单)
- 收藏歌曲/歌单
- 歌词显示
- 歌单和评论滚动加载更多
-
部分收费歌曲的普通品质(96kbps)的音源不存在(404),在播放时应自动切换品质 -
正在播放时去搜索歌曲,如果关键词为空,会自动切换到默认列表里的歌曲播放
-
点击导航栏后应保留字体颜色以显示说明在当前板块下
-
评论区切歌,评论也应切换
本项目仅供交流学习之用