SPlayer- 一个简约的开源音乐播放器!

a2330cd6ec20250122222352

🎉 功能

  • ✨ 支持扫码登录
  • 📱 支持手机号登录
  • 📅 自动进行每日签到及云贝签到
  • 💻 支持桌面歌词
  • 💻 支持切换为本地播放器,此模式将不会连接网络
  • 🎨 封面主题色自适应,支持全站着色
  • 🌚 Light / Dark / Auto 模式自动切换
  • 📁 本地歌曲管理及分类(建议先使用 音乐标签 进行匹配后再使用)
  • 📁 简易的本地音乐标签编辑及封面修改
  • 🎵 支持播放部分无版权歌曲(可能会与原曲不匹配,客户端独占功能)
  • ⬇️ 下载歌曲( 最高支持 Hi-Res,需具有相应会员账号 )
  • ➕ 新建歌单及歌单编辑
  • ❤️ 收藏 / 取消收藏歌单或歌手
  • 🎶 每日推荐歌曲
  • 📻 私人 FM
  • ☁️ 云盘音乐上传
  • 📂 云盘内歌曲播放
  • 🔄 云盘内歌曲纠正
  • 🗑️ 云盘歌曲删除
  • 📝 支持逐字歌词
  • 🔄 歌词滚动以及歌词翻译
  • 📹 MV 与视频播放
  • 🎶 音乐频谱显示
  • ⏭️ 音乐渐入渐出
  • 🔄 支持 PWA
  • 💬 支持评论区
  • 📱 移动端基础适配
  • 🌐 i18n 支持

🖼️ screenshots

开发中,仅供参考

主页面

主页面

播放页面

播放页面

发现页面

发现页面

歌单页面

发现页面

评论页面

发现页面

本地音乐

发现页面

Docker 部署

安装及配置 Docker 将不在此处说明,请自行解决

本地构建

请尽量拉取最新分支后使用本地构建方式,在线部署的仓库可能更新不及时

# 构建
docker build -t splayer .

# 运行
docker run -d --name SPlayer -p 25884:25884 splayer
# 或使用 Docker Compose
docker-compose up -d

在线部署

# 从 Docker Hub 拉取
docker pull imsyy/splayer:latest
# 从 GitHub ghcr 拉取
docker pull ghcr.io/imsyy/splayer:latest

# 运行
docker run -d --name SPlayer -p 25884:25884 imsyy/splayer:latest

以上步骤成功后,将会在本地 localhost:25884 启动,如需更换端口,请自行修改命令行中的端口号

Vercel 部署

其他部署平台大致相同,在此不做说明

  1. 本程序依赖 NeteaseCloudMusicApi 运行,请确保您已成功部署该项目,并成功取得在线访问地址

  2. 点击本仓库右上角的 Fork,复制本仓库到你的 GitHub 账号

  3. 复制 /.env.example 文件并重命名为 /.env

  4. 将 .env 文件中的 VITE_API_URL 改为第一步得到的 API 地址

  5. VITE_API_URL = "https://example.com";
    1. 将 Build and Output Settings 中的 Output Directory 改为 out/renderer

      build

    2. 点击 Deploy,即可成功部署

THE END
喜欢就支持一下吧
点赞2829 分享
盘点10个非常有意思的奇怪网站!-零度博客

盘点10个非常有意思的奇怪网站!

  1.狂抽大嘴巴子 【链接】 2.跟人工智能玩石头剪刀布 【链接】 3.稀奇古怪的电视频道 【链接】 4.带你去一个没用的网站 【链接】 5.去马云爸爸那赊账 【链接】 6.为所欲为的网站 【链接】...
admin的头像-零度博客admin
1.7W+2250
Google AI 聊天机器人「Bard」最新使用教程,5大新功能强拼ChatGPT!| 零度解说-零度博客

Google AI 聊天机器人「Bard」最新使用教程,5大新功能强拼ChatGPT!| 零度解说

  https://www.youtube.com/watch?v=UDGdZaoz77A     Google Bard 官网 :https://bard.google.com
admin的头像-零度博客admin
1.3W+6539
Windows 11 Debloater Tool  (可视化 UI 版) ,免费开源,一键去除电脑臃肿功能!-零度博客

Windows 11 Debloater Tool (可视化 UI 版) ,免费开源,一键去除电脑臃肿功能!

Windows 11 Debloater Tool  本身是一款开源的电脑优化脚本,它具有 可快速轻松地进行去臃肿处理,Advanced Debloater 可进行基本去臃肿处理,或 Fine-Tuning 可从众多选项中选择所需的选项。...
admin的头像-零度博客admin
3.1W+2319
ChatGPT 证明 AI 终于成为主流——而且事情只会变得更奇怪-零度博客

ChatGPT 证明 AI 终于成为主流——而且事情只会变得更奇怪

本周早些时候,我的一个朋友给我发短信问我对 ChatGPT 的看法。我并不惊讶他很好奇。他知道我写的是关于 AI 的文章,并且是那种紧跟在线趋势的人。我们聊了一会儿,我问他:“你觉得 ChatGPT 怎...
admin的头像-零度博客admin
1.6W+1091
告别系统臃肿!只需3步,让Windows 11/10焕发新生,性能飙升!!| 零度解说-零度博客

告别系统臃肿!只需3步,让Windows 11/10焕发新生,性能飙升!!| 零度解说

https://www.youtube.com/watch?v=ZOun6Rn2rq0   Win11Debloat 工具免费下载:https://www.freedidi.com/12966.html
OpenAI 直播首秀完整中文版!O1满血版上线,更强Pro版本同步亮相 | 零度解说-零度博客
导出完整的Google相册照片! 包含时间、日期、拍摄地点等元数据-零度博客

导出完整的Google相册照片! 包含时间、日期、拍摄地点等元数据

  1.谷歌相册导出地址:https://takeout.google.com   2.Exiftool工具下载:【官网】   3.Exiftool使用教程:【点击进入】   4.完整的导出教程:https://www.freedidi.com/...
admin的头像-零度博客admin
1.7W+1682
SSD 硬盘提速百倍!微软DirectStorage正式登陆PC-零度博客

SSD 硬盘提速百倍!微软DirectStorage正式登陆PC

宣布两年多之后,微软终于把DirectStorage API带到了PC平台(此前用于Xbox X/S游戏机),但却是个不完全体。 简单地说,DirectStorage是一项存储子系统加速技术,可以让GPU计算着色器直接访问NVMe...
admin的头像-零度博客admin
1.6W+2251
谷歌 Chrome 98 随 COLRv1 发布,内置了网页截图功能!用于更小的 Emoji 文件-零度博客

谷歌 Chrome 98 随 COLRv1 发布,内置了网页截图功能!用于更小的 Emoji 文件

  Chrome 98 今天作为谷歌新年第二次网络浏览器更新推出。Chrome 98 的更改主要是在开发人员方面,但有一些影响用户的差异。   作为谷歌 2022 年 2 月稳定浏览器更新,Chrome 98 的变...
admin的头像-零度博客admin
1.5W+2251