喜歡乾淨簡潔音樂播放器的朋友看過來

程序员晓凡發表於2024-09-10
播放器

大家好，我是曉凡。

不少程式設計師小夥伴都喜歡邊聽音樂邊敲程式碼，尤其在一個嘈雜的環境中，一個好的想法、好的思路可能就因為一瞬間的干擾就沒了。

這時，如果耳機一戴上，聽著音樂能更好的集中注意力；遇到bug也能臨危不亂，想出更好的解決辦法；

網易雲音樂，算是一個相對簡潔、有趣的播放器了。

不過近些年，各種花裡胡哨的功能越來越多，有些歌曲的版權也沒了，可謂是讓人又愛又恨。

前幾天逛GitHub的時候發現了一個【高顏值的第三方網易雲播放器 YesPlayMusic】推薦給大家。

YesPlayMusic

一、YesPlayMusic的魅力

YesPlayMusic並不是簡單的“換膚”軟體，它基於網易雲音樂的API，使用Vue.js全家桶開發。

實現了網易雲音樂的全部核心功能，並且去除了那些你可能根本不會用到的繁瑣功能。

也沒有社交功能，簡簡單單，乾乾淨淨，專注於聽歌。

作者自稱靈感來源Apple Music、YouTube Music、Spotify、網易雲音樂。

所以YesPlayMusic可謂光靠其高顏值的介面設計，成功俘獲了一大批使用者的心。

目前在GitHub上stars已經有28.9k⭐了

介面簡潔而不失優雅，功能全面而不顯臃腫，對於喜歡簡潔的程式設計師來說可謂是一個不錯的選擇

GitHub地址

GitHub地址在這兒：https://github.com/qier222/YesPlayMusic

二、YesPlayMusic功能

麻雀雖小，但五臟俱全。該有不該有的功能都有，但不臃腫。

一些無用功能直接拿掉，作者還根據不同裝置，不同地區做了各種適配。

可以使用網易雲音樂賬號登入，並將網易雲音樂收藏同步過來。

下面這些功能夠你用了麼。

image-20240908102713709

三、下載安裝

作者考慮周全，做了各種作業系統、各種裝置的適配。並且釋出了Electron 版本,使其在macOS、Windows、Linux都得到了適配。

有些小夥伴可能不知道Electron 是啥？

其實我們平常使用的Visual Studio Code、網易雲音樂、飛書、xmind 等等都是透過Electron開發的，這下不陌生了吧。

簡單來說Electron 就是透過網頁技術（HTML、CSS 和 JavaScript）來快速開發跨平臺桌面應用的工具。

這麼在不同平臺上安裝呢？

  • macOS 使用者可以透過Homebrew 來安裝：brew install --cask yesplaymusic
  • Windows 使用者可以透過 Scoop 來安裝：scoop install extras/yesplaymusic

曉凡用的Windows作業系統，下面就以windows為例，簡單說下這麼下載安裝。

① 跳轉到Releases頁面

目前最新版本是v0.4.8版本

https://github.com/qier222/YesPlayMusic/releases

image-20240908104710282

② 選擇windows的exe下載即可

image-20240908104828964

​

如果在 Release 頁面沒有找到適合你的裝置的安裝包的話，你可以根據下面的步驟來打包自己的客戶端。

  1. 打包 Electron 需要用到 Node.js 和 Yarn。可前往 Node.js 官網:https://nodejs.org/zh-cn/ 下載安裝包。

    安裝 Node.js 後可在終端裡執行 npm install -g yarn 來安裝 Yarn。

  2. 使用 git clone --recursive https://github.com/qier222/YesPlayMusic.git 克隆本倉庫到本地。

  3. 使用 yarn install 安裝專案依賴。

  4. 複製 /.env.example 檔案為 /.env 。

  5. 選擇下列表格的命令來打包適合的你的安裝包，打包出來的檔案在 /dist_electron 目錄下。瞭解更多資訊可訪問 electron-builder 文件

命令 說明
yarn electron:build --windows nsis:ia32 Windows 32 位
yarn electron:build --windows nsis:arm64 Windows ARM
yarn electron:build --linux deb:armv7l Debian armv7l（樹莓派等）
yarn electron:build --macos dir:arm64 macOS ARM

下面是曉凡安裝後開啟的一些截圖

首頁

發現頁面

歌曲搜尋

mv播放

四、本地部署

除了下載安裝包使用，小夥伴們還可以將本專案部署到 Vercel 或自己伺服器上。

作者在專案首頁一共提供了① Vercel部署 ② 自己伺服器部署 ③ Docker 部署 ④ Replit 部署 四種部署方式

至於怎麼部署，作者在GitHub上已經說得很詳細了。

給出的每種部署方式步驟都很詳細，由於文章篇幅願意，這裡就不一一列舉了。

感興趣的小夥伴自己到 https://github.com/qier222/YesPlayMusic 檢視即可

五、開發新功能

如果上面的功能還不能滿足你，可以在此基礎上繼續進行二開

克隆專案到本地，執行本專案

# 安裝依賴
yarn install

# 建立本地環境變數
cp .env.example .env

# 執行（網頁端）
yarn serve

# 執行（electron）
yarn electron:serve

本期內容到這兒就結束了 ★,°:.☆(￣▽￣)/$:.°★ 。

希望對您有所幫助

我們下期再見 ヾ(•ω•`)o (●'◡'●)

相關文章