用 Electron 和 React 擼了個功能超全 + 顏值極高的音樂客戶端

emmm,功能超全是真的,顏值極高應該是一半是真的,畢竟顏值這個東西,仁者見仁啦 🤪vue

怎麼說嘞,我又寫了個音樂播放器,不過此次是用 React 寫的。以前實習的時候用了兩個多月 React,實習結束以後過了兩個月就已經快把 React 忘了,因此決定寫個項目複習一下。git

加上本身以前用 Vue 實現過一個簡單的手機端 Web 版音樂客戶端,雖然功能還比較全,可是距離能夠平常使用,仍是有必定的距離。github

因此此次決定直接寫一個桌面端的音樂播放器,且要遵循兩個要點:1. 要好看 2. 要好用,廢話很少說,開搞。web

敲敲敲鍵盤~~,敲敲敲鍵盤~~,敲敲敲鍵盤~~,成功啦!成功啦!終於發行第一個可以使用版本啦!!app

好了好了不貧了。webapp

項目地址:Here Music,若是你喜歡的話,別忘記點個 Star 哦,謝謝啦~ 😝svg

歡迎有興趣的小夥伴和我一塊兒開發,代碼一點都不復雜的呀,畢竟我這麼水都能擼出來對吧(一我的又設計又寫代碼好累 🥺)~測試

Current Release License DevDependencies Status telegram

基於 Electron, React, Redux, Nedb 打造的一款簡潔好用的桌面音樂播放器 👏設計


介紹

HERE Music 是基於 Binaryify/NeteaseCloudMusicApi 提供的網易雲音樂 API ,使用 Electron、React、Redux、Nedb 開發的一款網易雲音樂第三方。cdn

特色是好看、簡約、優雅、易用。目前發佈了第一個版本,已經能夠支撐平常的使用。

由於暫時只有我一我的在測試,因此可能會有一些沒有被我發現的 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 哦,謝謝啦~ 😝

相關文章
相關標籤/搜索