SPlayer 一个简约的在线音乐播放器源码

SPlayer一个简约的音乐播放器,支持逐字歌词,下载歌曲,展示评论区,音乐云盘及歌单管理,音乐频谱,移动端基础适配 | 网易云音乐 | A minimalist music player。下载源码可以搭建属于自己的在线音乐播放网站。更多功能查看一下介绍。

SPlayer 一个简约的在线音乐播放器源码 1SPlayer 一个简约的在线音乐播放器源码 2

主要功能。

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

部署教程

⚙️ 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 地址

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

    build

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

⚙️ 服务器部署

  1. 重复 ⚙️ Vercel 部署 中的 1 – 4 步骤

  2. 克隆仓库

    git clone https://github.com/imsyy/SPlayer.git
  3. 安装依赖

    pnpm install
    # 或
    yarn install
    # 或
    npm install
  4. 编译打包

    pnpm build
    # 或
    yarn build
    # 或
    npm build
  5. 将站点运行目录设置为 out/renderer 目录

⚙️ 本地部署

  1. 本地部署需要用到 Node.js。可前往 Node.js 官网 下载安装包,请下载最新稳定版

  2. 安装 pnpm

    npm install pnpm -g
  3. 克隆仓库并拉取至本地,此处不再赘述

  4. 使用 pnpm install 安装项目依赖(若安装过程中遇到网络错误,请使用国内镜像源替代,此处不再赘述)

  5. 复制 /.env.example 文件并重命名为 /.env 并修改配置

  6. 打包客户端,请依据你的系统类型来选择,打包成功后,会输出安装包或可执行文件在 /dist 目录中,可自行安装

    命令 系统类型
    pnpm build:win Windows
    pnpm build:linux Linux
    pnpm build:mac MacOS

下载说明

官方下载:github

高速下载:蓝奏云

网盘下载
下载价格VIP专享
仅限VIP下载升级VIP
为了站点可持续发展,小站全面开启自由发电订阅!订阅前,请仔细阅读免责声明及文章详细内容!(发电等级说明)
常见问题
资源支持商用吗?
不支持商用,仅供学习,请下载后24H内删除!
资源采用什么网盘下载?
小于100M使用蓝奏云,大于100M使用阿里云和123云盘!
资源为什么不能使用?
资源有时效性及各种方面的兼容性,不保证一直都能用!
有问题如何联系?
1、评论留言 2、用户中心提交工单 3、联系小编QQ:429413218(09:00 -21:00)
免责声明
0
分享海报

评论0

请先
M3U8视频批量下载PC工具,支持ts格式合并为MP4(v2.0.7)
M3U8视频批量下载PC工具,支持ts格式合并为MP4(v2.0.7)
9分钟前 有人购买 去瞅瞅看
显示验证码
没有账号?注册  忘记密码?