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

2019-01-05 14:37:19 +08:00
 ksig

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

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

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

所以这次决定直接写一个桌面端的音乐播放器,且要遵循两个要点:1. 要好看 2. 要好用,废话不多说,开搞。 敲敲敲键盘~~,敲敲敲键盘~~,敲敲敲键盘~~,成功啦!成功啦!终于发行第一个可使用版本啦!! 好了好了不贫了。

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

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

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


介绍

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

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

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

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

安装

Mac

Download the .dmg file.

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

预览

快捷键

支持功能

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

参与 HERE Music 的开发

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

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

参与讨论

  1. Telegram 讨论群

Author

Here Music © CaiJin, Released under the MIT License.

Blog · GitHub @caijinyc · Telegram Channel @KSIG

4215 次点击
所在节点    程序员
5 条回复
ttgb
2019-01-05 15:36:50 +08:00
挺厉害啊,大概看了下源码,看来现在用 Electron 开发桌面应用很好用了,用 Mac 原生应用做一个这样的 app 感觉工作量比这要大很多
Steveliao
2019-01-05 18:43:57 +08:00
很棒啊!支持一个
Allan0423
2019-01-05 22:54:43 +08:00
赞!
用网易云音乐的 API,emmm,曲库是不是挺尴尬的啊?
ksig
2019-01-05 23:32:22 +08:00
@Allan0423 emmm,是挺尴尬的。
meeken
2019-12-04 10:43:57 +08:00
帅啊

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/524134

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX