聽歌體驗直接拉滿！推薦一款高顏值音樂播放器！
SPlayer —— 一個簡約的音樂播放器，基于 Vue3 + TypeScript + Na?ve UI + Electron 技術棧打造，兼顧了美觀的界面和流暢的體驗。
大家好，我是 Java陳序員。
你是否也曾遇到過這樣的困擾：喜歡的音樂播放器要么顏值不夠能打，界面好看的功能又太過簡陋；在線聽歌得忍受滿屏廣告和冗余功能，而且受版權限制，本地音樂管理又雜亂無章...
今天給大家推薦一款一款高顏值音樂播放器，聽歌體驗直接拉滿!
關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。
項目介紹
SPlayer —— 一個簡約的音樂播放器，基于 Vue3 + TypeScript + Na?ve UI + Electron 技術棧打造，兼顧了美觀的界面和流暢的體驗。
功能特色：
- 多平臺適配：支持網頁端和 Windows 桌面客戶端，移動端也做了基礎適配
- 沉浸式聽歌體驗：支持桌面歌詞，封面主題色自適應；全站色調隨歌曲封面變化，視覺感拉滿；支持 Light/Dark/Auto 模式自動切換，白天黑夜都舒適
- 本地+在線雙模式：支持本地歌曲管理及分類，并提供每日推薦、私人 FM、歌單收藏，發現更多好音樂等，同時支持播放部分無版權歌曲
- 其他細節功能：音樂頻譜動態顯示，跟著節奏律動；歌曲漸入漸出效果，切換更自然；支持云盤音樂管理，上傳、播放、糾正一鍵操作；支持 MV 與視頻播放、評論區互動
快速上手
桌面端
SPlayer 提供了 Windows 版本的安裝包，可直接下載進行安裝。
1、打開下載地址
https://github.com/imsyy/SPlayer/releases
2、下載安裝包
3、雙擊運行安裝包，一鍵安裝
Web 端
SPlayer 支持 Docker 部署，可使用 Docker 快速部署 Web 端。
1、拉取鏡像
# 從 Docker Hub 拉取
docker pull ghcr.io/imsyy/splayer:latest
# 或者從 GitHub ghcr 拉取
docker pull ghcr.io/imsyy/splayer:latest
2、運行容器
docker run -d --name SPlayer -p 25884:25884 imsyy/splayer:latest
3、瀏覽器訪問
http://{ip/域名}:25884
功能體驗
- 明亮主題
- 深色主題
- 發現音樂
- 播客電臺
- 最近播放
- 歌曲播放
- 熱門評論
- 歌詞設置
本地開發
SPlayer 開發依賴 Node.js, 需提前安裝好最新穩定版本的 Node.js 環境。
1、克隆或下載源碼
git clone https://github.com/imsyy/SPlayer.git
2、進入項目目錄并安裝依賴
cd SPlayer
pnpm install
# 推薦使用 pnpm, 如未安裝可使用如下命令安裝
npm install -g pnpm
3、復制 /.env.example 文件并重命名為 /.env 并修改配置
4、運行啟動
pnpm run dev
5、可根據操作系統類型進行打包部署，打包成功后，會輸出安裝包或可執行文件在 /dist 目錄中
## Windows
pnpm build:win
## Linux
pnpm build:linux
## MacOS
pnpm build:mac
## Web
pnpm build:web
如果你是音樂愛好者，追求高顏值和實用功能，SPlayer 絕對值得一試！趕快去體驗吧~
項目地址：https://github.com/imsyy/SPlayer
最后
推薦的開源項目已經收錄到 GitHub 項目，歡迎 Star：
https://github.com/chenyl8848/great-open-source-project
或者訪問網站，進行在線瀏覽：
https://chencoding.top:8090/#/
我創建了一個開源項目交流群，方便大家在群里交流、討論開源項目。
但是任何人在群里打任何廣告，都會被 T 掉。
如果你對這個交流群感興趣或者在使用開源項目中遇到問題，可以通過如下方式進群：
關注微信公眾號：【Java陳序員】，回復【開源項目交流群】進群，或者通過公眾號下方的菜單添加個人微信，并備注【開源項目交流群】，通過后拉你進群。
大家的點贊、收藏和評論都是對作者的支持，如文章對你有幫助還請點贊轉發支持下，謝謝！
浙公網安備 33010602011771號