caijinyc / here Goto Github PK

View Code? Open in Web Editor NEW

1.1K 21.0 130.0 7.94 MB

🎵 Here Music 一个使用 Electron + React 开发的音乐客户端

License: MIT License

JavaScript 72.89% HTML 0.59% SCSS 26.52%

here's Introduction

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

介绍

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

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

安装

Mac

Download the .dmg file.

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

预览

快捷键

内置快捷键

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

全局快捷键

Description	Keys
暂停 / 播放	`Cmd / Ctrl` + `Option / Alt` + `S`
音量加	`Cmd / Ctrl` + `Option / Alt` + `Up`
音量减	`Cmd / Ctrl` + `Option / Alt` + `Down`
上一曲	`Cmd / Ctrl` + `Option / Alt` + `Left`
下一曲	`Cmd / Ctrl` + `Option / Alt` + `Right`

支持功能

参与 HERE Music 的开发

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

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

参与贡献

参与讨论

Telegram 讨论群

开发项目

运行

将项目 clone 下来

$ git clone https://github.com/caijinyc/Here.git
$ cd Here
$ yarn

// 下载子模块
$ git submodule update --init --recursive
$ cd NeteaseCloudMusicApi
$ yarn
$ cd ..

运行项目

// 运行 Electron
$ yarn electron-dev

打包

先使用 build 打包 react 得到 build 文件夹

$ yarn build

打包成应用

$ yarn dist

Author

Here Music © CaiJin, Released under the MIT License.

Blog Jin's Blog · GitHub @caijinyc

here's People

Contributors

Stargazers

Watchers

Forkers

kkkman22 sweetbai mallex chunyu-zhou metal88888 ideas-design lichengtao1989 cheng0639 ghjsw aureliuspatiens hack121 electron-boilerplate jerry-goodboy gmaso magicknight touei jooooooop kennanchan search-good-project plane-hjh sunxiaochuan pq1949 gpsbird liushuai121998 eternalshallow gitkun xupengnj louismelo fuzitu newming zackmorgs qxl1231 scarsu gitviscodeorg parety lisen2015 dadada12138 codingwhite hdongjian songyifan427 reganan shangyueyue polaris-dxz chenghaodong windform touchx jackz2016 leer168 zplucas larygwil brania libin1991 sunleic sugarac ash-sc wl6231348 liuhongyu847433389 erdong-ss better2021 haoxuu opencollective liuxuanlife dohard-ma mosutw baobao12356 yangw0223 mlqgg helloxkk viktorwong ifmos fangcao7618 hn1044837367 lvshou-fe torns dengxiaobo cnole venombat hhy5277 shiduobin zhengziheng laninblue linberduan 365-w puxiwu zhuangleiscut coderedeng houyujiang rubitree sz-zdy aigoal xmacro arkorsky liulizhigh bill315 darrell0904 tinytang chinasxlcr galaxyjia liudenaxietian banben

here's Issues

清空播放列表导致无法继续播放的问题

在歌曲播放时，若点击清空播放列表，歌曲会停止播放。此时专辑图片与歌曲进度是停止的，视觉上的确是停止播放的意思。但播放按钮的状态就不对了，此时歌曲暂停播放，播放按钮应该是等待播放才对，变成等待暂停了。还有此时清空了播放列表，再点击播放按钮就没有效果了（歌曲不会继续播放）。

考虑桌面最小化吗

只能关闭窗口不是很方便，没法看到当前歌曲的状态等信息，考虑添加菜单栏图标或者桌面最小化吗？

快捷键冲突

上一曲，下一曲，喜欢歌曲快捷键与Ubutu/Windows系统默认全局快捷键冲突（Win+left/right调整窗口布局，Win+L锁屏），建议Cmd更改为Ctrl。另外，按下Win+F进入搜索界面后，搜索框中会输入f。
最后给作者点赞，界面十分符合我的审美。

反馈问题统计，大家有问题的话请发新的 issue，这里用来统计项目问题

2019.01.05

窗口最小高度太大
- 13寸的 mac 分辨率就已经放不下了
播放列表卡顿
- 播放列表歌曲太多的时候会卡顿
没有 Cache 策略，本地缓存会越用越大
重新加载应用 CMD + R，会导致应用爆炸
点击推荐歌曲的歌单的时候可能会导致应用爆炸

优化一下代码

考虑添加prettier和husky在提交代码之前执行。
我可以帮忙提交PR。
以下是配置规则，如有意见的话可以修改。
.prettierrc

{
  "useTabs": false, // 使用空格缩进
  "printWidth": 120, // 最大120列时折行
  "semi": false, // 结尾不添加分号
  "singleQuote": true, // 使用单引号
  "trailingComma": "all", // 尽可能在所有结尾处添加逗号
  "bracketSpacing": true, // 括号之间有空格
  "jsxBracketSameLine": false, // jsx括号在一行
  "arrowParens": "avoid" // 箭头函数只有一个参数时不需要括号 e => e.target.value
}

歌单详情页左侧——播放与收藏按钮

高度为680px时，如果歌单介绍过长可能导致播放和收藏按钮无法点击到。

收藏与播放按钮的角色应该属于主按钮的吧，是不是可以考虑换一个位置或者修改一下这部分的样式。

无法顺利启动项目

按照文档中的顺序执行之后在执行yarn electron-dev之后出现此信息并无法启动。

搜索有bug

在知乎上看到了你的项目，非常的棒，下载下来第一时间点了搜索，然后输入韩红...
然后 click，屏幕上就啥也没了。

在下载子模块的时候，出现了报错：
error: Server does not allow request for unadvertised object 374a140b3ea260c5a1ff481e8056b976f40362fc
Fetched in submodule path 'NeteaseCloudMusicApi', but it did not contain 374a140b3ea260c5a1ff481e8056b976f40362fc. Direct fetching of that commit failed.

统一下编码问题吧

打开代码各种乱码都有，统一下你的编码问题吧

搜索界面，当没有输入搜索关键词的时候，内容区域啥也没有有点难受

没有搜索关键词的时候，建议在内容显示区显示一些推荐内容，仅仅是从用户体验提出一点意见哈，仅供参考。

iam so rookie

提问：如果项目有的地方使用了本地资源（图片之类的），该怎么办

electron 默认不允许访问本地资源

下载,并运行项目的时候出现了

Uncaught TypeError: window.require is not a function
at Module../src/data/index.js (index.js:3)
at webpack_require (bootstrap:782)
at fn (bootstrap:150)
at Module../src/store/actionCreator.js (actionCreator.js:1)
at webpack_require (bootstrap:782)
at fn (bootstrap:150)
at Module../src/App.js (style.scss:8)
at webpack_require (bootstrap:782)
at fn (bootstrap:150)
at Module../src/index.js (index.js:5)
at webpack_require (bootstrap:782)
at fn (bootstrap:150)
at Object.0 (reducer.js:159)
at webpack_require (bootstrap:782)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback [as push] (bootstrap:32)
at main.chunk.js:1