用 Electron 和 React 撸了个功能超全 + 颜值极高的音乐客户端

17,625 阅读3分钟

emmm,功能超全是真的,颜值极高应该是一半是真的,毕竟颜值这个东西,仁者见仁啦 🤪

怎么说嘞,我又写了个音乐播放器,不过这次是用 React 写的。之前实习的时候用了两个多月 React,实习结束之后过了两个月就已经快把 React 忘了,所以决定写个项目复习一下。

加上自己之前用 Vue 实现过一个简单的手机端 Web 版音乐客户端,虽然功能还比较全,但是距离可以日常使用,还是有一定的距离。

所以这次决定直接写一个桌面端的音乐播放器,且要遵循两个要点:1. 要好看 2. 要好用,废话不多说,开搞。

敲敲敲键盘~~,敲敲敲键盘~~,敲敲敲键盘~~,成功啦!成功啦!终于发行第一个可使用版本啦!!

好了好了不贫了。

项目地址:Here Music,如果你喜欢的话,别忘记点个 Star 哦,谢谢啦~ 😝

欢迎有兴趣的小伙伴和我一起开发,代码一点都不复杂的呀,毕竟我这么水都能撸出来对吧(一个人又设计又写代码好累 🥺)~

Current Release License DevDependencies Status telegram

基于 Electron, React, Redux, Nedb 打造的一款简洁好用的桌面音乐播放器 👏


介绍

HERE Music 是基于 Binaryify/NeteaseCloudMusicApi 提供的网易云音乐 API ,使用 Electron、React、Redux、Nedb 开发的一款网易云音乐第三方。

特点是好看、简约、优雅、易用。目前发布了第一个版本,已经可以支撑日常的使用。

因为暂时只有我一个人在测试,所以可能会有一些没有被我发现的 Bug,大家在如果在使用的过程中发现 Bug,请在 issue 中告诉我,我会及时进行修复。

如果你对 HERE Music 的开发感兴趣的话,欢迎一起参与到项目的开发。

安装

Mac

Download the .dmg file.

因为之后一段时候需要复习春招,所以暂时只打包了 Mac 版本,其他平台之后会支持的,请给我点时间 😣。

预览

快捷键

Description Keys
暂停 / 播放 Space
音量加 Up
音量减 Down
上一曲 Cmd + Left
下一曲 Cmd + Right
喜欢歌曲 Cmd + L
搜索 Cmd + F

支持功能

  • 推荐歌单
  • 排行榜
  • 歌单展示
  • 歌曲详情
  • 歌词展示
  • 歌手详情
  • 播放列表
  • 喜欢歌曲
  • 收藏歌单
  • 播放模式切换
  • 收藏歌单
  • 搜索功能
  • 导入、导出收藏夹
  • 进度条展示
  • 进度跳转
  • 音量控制
  • 快捷键
  • 全局快捷键
  • 喜欢歌曲分类

参与 HERE Music 的开发

如果有任何想法或需求,可以在 issue 中告诉我,同时欢迎各种 pull requests

个人的能力总是有限的,所以欢迎大家一起参与 HERE Music 的开发

参与讨论

  1. Telegram 讨论群

Author

Here Music © CaiJin, Released under the MIT License.

Blog · GitHub @caijinyc · Telegram Channel @KSIG

项目地址

Here Music,如果你喜欢的话,别忘记点个 Star 哦,谢谢啦~ 😝