目前为止最大也是最喜欢的个人项目-跨平台音乐播放器xbyjMusic

xbyjMusic

跨平台 NeteaseMusic 桌面应用

前言

最近在学electron，想想平时用的桌面应用，除了编辑器和IDE等办公应用之外，就属”网易云音乐”了

夏日的夜晚，听着喜欢的音乐，沉浸在自己的世界里Coding

注：此项目纯属个人瞎搞，正常的付费音乐等服务请选网易云音乐官方客户端。

技术栈

electron + react + mobx + react-router + jss + webpack + express + ES6/7 + axios + flex + canvas

项目运行

注意：由于涉及大量的 ES6/7 等新属性，node 需要 6.0 以上版本

git clone https://github.com/Bingle2020/xbyjMusic.git  
cd xbyjMusic
git submodule init
git submodule update
npm install
npm run dev

目标功能

页面

• 首页 – 完成
• 登陆 – 完成
• 每日推荐 – 完成
• 私人FM – 完成
• 歌曲页 – 完成
• 歌单页 – 完成
• 歌手页 – 完成
• 用户页 – 完成
• 排行榜 – 完成
• 歌单主页 – 完成
• 偏好设置页/首选项 – 完成
• MV/视频页
• 朋友页
• 我的歌手/我的收藏
• 主播电台
• 最新音乐

组件

• header组件 – 完成
• 左菜单组件 – 完成
• 播放条组件 – 完成
• audio组件 – 完成
• 播放列表组件 – 完成
• 歌词组件 – 完成
• 评论组件 – 只完成分类显示
• 搜索组件 – 完成
• 首页轮播 – 接口参数不明，拿不到最新数据哦
• 同步轮播组件 – 关于我
• 提示组件 – 完成

功能

• 喜欢 – 完成
• 不喜欢 – 完成
• 收藏歌单 – 完成
• 收藏歌曲
• 收藏歌手 – 完成
• 评论
• 评论点赞 – 完成
• 下载歌曲
  …..

效果演示

（LICEcap录制渐变色有点失真，动图将就看下哈~）

首页

每日推荐

私人FM

歌曲页

歌单页

歌手页

用户页

加载页

排行榜

歌单主页

搜索页

偏好设置

说明

如果本项目对您有帮助，可以点下方的GitHub仓库链接， “Star” 支持一下 谢谢~

或者您可以 “fork” 一下，和我一起完善剩下的功能

数据接口 由 Binaryify/NeteaseCloudMusicApi 提供。

项目参考 trazyn/ieaseMusic

最后

1、欢迎关注我的公众号，还有个技术交流群(备注自己github账号哦)

License

[GPL]

GitHub: GitHub链接
欢迎小伙伴们star 💗❤️💖~~