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 分享
精品软件推荐!这5款超实用,完全免费开源,切勿错过!! | 零度解说-零度博客

精品软件推荐!这5款超实用,完全免费开源,切勿错过!! | 零度解说

https://www.youtube.com/watch?v=Nl0k6M6zHEg   ====================   1.Inpaint(图片修复、放大)工具下载:https://www.freedidi.com/12226.html 2.高效的网站克隆软件:https:...
admin的头像-零度博客admin
1.4W+1527
彻底关闭 Windows 10 、Windows 11 的自动更新功能!手动 / 一键关闭教程 | 零度解说-零度博客
由AI生成的超真实的美图!Stable-diffusion 来源网络-零度博客
立即修复!Windows 10 /11 高危漏洞,影响所有启用 IPv6 的系统! | 零度解说-零度博客

立即修复!Windows 10 /11 高危漏洞,影响所有启用 IPv6 的系统! | 零度解说

https://youtu.be/vvGjy8Kodxw   Windows TCP/IP RCE 高危漏洞详情:https://www.freedidi.com/13455.html
Google 用带有怀旧徽标的涂鸦庆祝其 25 岁生日-零度博客

Google 用带有怀旧徽标的涂鸦庆祝其 25 岁生日

  作为全球最受欢迎的搜索引擎和科技巨头 Google 今天庆祝其 25 岁生日。为了纪念这一时刻,谷歌发布了一幅怀旧涂鸦,展示了过去 25 年来其徽标的演变。 该涂鸦包含一个动画 GIF,将徽标从...
admin的头像-零度博客admin
1.7W+1682
Ubuntu桌面版系统必备的5款软件的安装教程-零度博客

Ubuntu桌面版系统必备的5款软件的安装教程

  1.Chrome浏览器安装 下载Chrome的软件包 wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb 下载以后 我们以管理员的身份 来进行安装下 输入这个安装命...
谷歌浏览器插件 10款都是精品!Chrome扩展程序必备 (2020)-零度博客

谷歌浏览器插件 10款都是精品!Chrome扩展程序必备 (2020)

https://youtu.be/FNEn73wd_CE 【考验贞操】:https://www.youtube.com/channel/UCvijahEyGtvMpmMHBu4FS2w?sub_confirmation=1 【我们的其它频道】:https://www.youtube.com/channel/UClwagXSE...
Claude 3 免费发布手机客户端!下载即可使用,附最新安装教程 | 零度解说-零度博客

Claude 3 免费发布手机客户端!下载即可使用,附最新安装教程 | 零度解说

https://www.youtube.com/watch?v=BPAy5JaeizY   ------------------------------------- 🔔 Claude 3 手机客户端下载:https://www.freedidi.com/12326.html 美区苹果ID官方注册+信息生成...
admin的头像-零度博客admin
1.4W+1530
ChatGPT 推出变态杀手! 全球首款AI设备,Ai Pin 要革掉iPhone的命!| 零度解说-零度博客

ChatGPT 推出变态杀手! 全球首款AI设备,Ai Pin 要革掉iPhone的命!| 零度解说

https://youtu.be/CNG4qS0osbA ------------------------------------- 🔔 免费使用 ChatGPT-4 的 6 种方法:https://www.freedidi.com/9595.html 【最强AI源码】Meta LlaMA 2 大语言模型免费开...
admin的头像-零度博客admin
1.7W+1682