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 分享
Google、微软双重身份验证器!Authenticator-零度博客

Google、微软双重身份验证器!Authenticator

1.Google身份验证器 (Google Authenticator): 谷歌身份验证器是一款TOTP与HOTP的两步验证软件令牌,此软件用于Google的认证服务。此项服务所使用的算法已列于 RFC 6238 和 RFC 4226 中。 Go...
admin的头像-零度博客admin
1.7W+2251
Windows 11 最干净的稳定版:24H2 LTSC (OEM),新老电脑都可安装,一键激活!| 零度解说-零度博客

Windows 11 最干净的稳定版:24H2 LTSC (OEM),新老电脑都可安装,一键激活!| 零度解说

https://www.youtube.com/watch?v=8i_r8ML2GlY   Windows 11 最干净最稳定的版下载:https://www.lingdu80.com/18105.html
最强AI芯片诞生!英伟达GTC大会推出“超级”GPU,这6个重点务必知晓! | 零度解说-零度博客

最强AI芯片诞生!英伟达GTC大会推出“超级”GPU,这6个重点务必知晓! | 零度解说

https://youtu.be/1Jh6DHe6_ig   AI 开发者盛会 | GTC 2024 完整直播视频:https://www.lingdu80.com/11869.html
admin的头像-零度博客admin
1.3W+1527
Chrome 金丝雀版 !开发者专用的谷歌浏览器Canary版本-零度博客

Chrome 金丝雀版 !开发者专用的谷歌浏览器Canary版本

  Chrome 金丝雀版官方下载: 简体中文版:https://www.google.com/intl/zh-CN/chrome/canary/ 繁体中文版:https://www.google.com/intl/zh-TW/chrome/canary/  
admin的头像-零度博客admin
1.7W+2250
免费白嫖 Intel® Developer Cloud 的 VPS!不嫖可惜,嫖完“瞬间阳痿”-零度博客

免费白嫖 Intel® Developer Cloud 的 VPS!不嫖可惜,嫖完“瞬间阳痿”

  1.点击打开注册链接:https://www.intel.com/content/www/us/en/developer/tools/devcloud/services.html 2.免费申请VPS链接:https://scheduler.cloud.intel.com/#/system  3.Puttygen...
admin的头像-零度博客admin
1.8W+1683
RTX 30系列显卡原价!希望大家都记住,别再被“黄牛们”割韭菜!-零度博客

RTX 30系列显卡原价!希望大家都记住,别再被“黄牛们”割韭菜!

以下是华硕上架的 RTX 30 系列显卡的价格 RTX 3060:2499 元 RTX 3060 Ti:2999 元 RTX 3070 :3899 元 RTX 3070 Ti:4499 元 RTX 3080:5499 元 RTX 3080 Ti:8999 元 RTX 3090:11999 元 4月...
admin的头像-零度博客admin
1.7W+2250
Windows 必备的 13个 CMD 命令,学会了约美女同事去..... 有事半功倍的效果!  | 零度解说-零度博客

Windows 必备的 13个 CMD 命令,学会了约美女同事去….. 有事半功倍的效果! | 零度解说

  可以壮胆的约会美女同事的发送指令: MSG /server:192.168.1.101 * '小美,下班后一起去吃饭呐,我是办公室里大壮!' 过CMD实现仿黑客帝国数字雨的代码: @echo off :line color 0a setl...
admin的头像-零度博客admin
1.4W+6539
不想暴露个人信息,离职后务必删除电脑上这5个文件!| 零度解说-零度博客
【限免】Auto Mouse Clicker 鼠标自动点击器-零度博客

【限免】Auto Mouse Clicker 鼠标自动点击器

Vovsoft Auto Mouse Clicker是一款简单易用的桌面点击软件,可以自动执行鼠标点击操作。借助这款程序,您可以自动化工作流程,提高工作效率,并节省时间,无需手动执行繁琐的任务。该程序可以模...
admin的头像-零度博客admin
2W+1696