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 分享
视频会议,电脑清理,BT种子下载,视频编辑,浏览器推荐!-零度博客

视频会议,电脑清理,BT种子下载,视频编辑,浏览器推荐!

  可以替换为下面的软件 Google meet : https://meet.google.com Discord : https://discord.com Microsoft Teams: https://www.microsoft.com/en-us/microsoft-365/microsoft-teams/group...
admin的头像-零度博客admin
1.6W+2251
国际版 TikTok、抖音无水印视频 批量下载工具-零度博客

国际版 TikTok、抖音无水印视频 批量下载工具

1.抖音批量下载 TikTokDownload:【官方下载】 或 【备用下载】配置文件一定要注意编码格式(推荐Notepad)按下面的方式保存,另存为的UTF-8会闪退!错误的保存方式:2.TikTok Scraper:【官方...
admin的头像-零度博客admin
2.6W+2176
最火的AI作图模型,这5款免费下载,含提示词,配合 Stable-diffusion 来制作高清大图吧! | 零度解说-零度博客

最火的AI作图模型,这5款免费下载,含提示词,配合 Stable-diffusion 来制作高清大图吧! | 零度解说

https://youtu.be/-d-B87EwT04   【AI绘画工具】Stable-Diffusion下载:https://www.freedidi.com/8474.html 提示词参数设置:https://www.freedidi.com/8621.html
admin的头像-零度博客admin
1.3W+6539
LittleBigMouse 一款跨屏多屏幕操作鼠标的开源软件-零度博客

LittleBigMouse 一款跨屏多屏幕操作鼠标的开源软件

Little Big Mouse 是一款专为 Windows 10 和 11 设计的开源工具,能够智能地调整多显示器间的 DPI 和物理尺寸差异,使鼠标在跨屏移动时保持精准对齐和流畅过渡,为用户提供更加自然的多屏操作体...
admin的头像-零度博客admin
1.6W+2564
永久免费使用 Google 云服务器! GCP  白嫖系列!-零度博客

永久免费使用 Google 云服务器! GCP 白嫖系列!

Google 之前宣布的一项政策,为标准层级的网络提供每地域200G的免费流量。两项政策结合,可以得到一台1核心、1G内存、30G磁盘、200G流量的小云服务器,可玩性更高。接下来给大家演示下如何正确...
admin的头像-零度博客admin
6.8W+1710
Team Red Miner + Gminer挖矿程序下载-零度博客

Team Red Miner + Gminer挖矿程序下载

1.Team Red Miner:【点击下载】 2.挖矿矿池获取:【点击进入】 3.Gminer:【点击下载】 4.实时算力和收益查询网站:【点击进入】  5.推荐的钱包:BRD 【点击获取】
admin的头像-零度博客admin
1.7W+2251
Hyper-V 独立显卡虚拟化教程 【vGPU】显卡直通-零度博客

Hyper-V 独立显卡虚拟化教程 【vGPU】显卡直通

$vm = '虚拟机的名字' Add-VMGpuPartitionAdapter -VMName $vm Set-VMGpuPartitionAdapter -VMName $vm -MinPartitionVRAM 80000000 -MaxPartitionVRAM 100000000 -OptimalPartitionVRAM 100000...
HiveOS系统:显卡超频设置,100%解锁LHR算力!支持NBminer、T-Rex等挖矿软件 | 零度解说-零度博客
DeepSeek 重磅推出 NSA 功能!处理长文本、编写长篇故事更强-零度博客

DeepSeek 重磅推出 NSA 功能!处理长文本、编写长篇故事更强

就在马斯克发布Grok 3大模型后当天,DeepSeek 就重磅推出 NSA 功能!这是长文本建模的突破性进展,在处理长序列文本起到非常关键的作用,处理长文本、编写长篇故事更强!消息发布后就迎来大量的...
admin的头像-零度博客admin
1.3W+2631