MENU

SPlayer:一个简约的在线音乐播放器,支持网易云音乐 4K ⭐

• September 5, 2025 • Read: 18 • 编码👨🏻‍💻

SPlayer 介绍

image-20250417162736388

🎉 一个简约的音乐播放器,支持逐字歌词,下载歌曲,展示评论区,音乐云盘及歌单管理,音乐频谱,移动端基础适配 | 网易云音乐。

🚢 项目地址

🚀SPlayer 特征

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

🌏️ SPlayer 功能截图

  • 主页面

image-20250417162620571

  • 播放页面

image-20250417162640584

🛠️ 部署 SPlayer

👻 先决条件/要求

  • 最低 512MB RAM(推荐 1GB+)
  • 具备 docker 或者 docker-compose 环境

🚩 方法一:使用 Docker 命令部署

docker run -d --name splayer -p 25884:25884 docker.cnb.cool/srebro/pidin/splayer:latest

🚩 方法二:使用 Docker Compose 部署 (推荐)

services:
  splayer:
    #image: splayer
    image: docker.cnb.cool/srebro/pidin/splayer:latest  ##CNB 镜像加速地址
    container_name: splayer
    volumes:
      - /etc/localtime:/etc/localtime:ro
      - /etc/timezone:/etc/timezone:ro
    ports:
      - 25884:25884
    restart: always

🧭 使用 Nginx 反向代理

#splayer
  server {
        listen       443 ssl;
        server_name  music.srebro.cn;  ##替换成自己的域名
        error_page  404              /404/404.html;
        charset utf-8;

        ssl_certificate /home/application/nginx/cert/srebro.cn.pem; 
        ssl_certificate_key /home/application/nginx/cert/srebro.cn.key;
        ssl_session_cache    shared:SSL:1m;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

    location / {
    proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header x-wiz-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass http://localhost:25884;
        }
}

🛵 demo 演示地址

🎁 获取 SPlayer

image-20250417162839316

Archives Tip
QR Code for this page
Tipping QR Code