• 预览地址：https://music.icodeq.com

---

Self Music 是一个面向个人与小团队的音乐管理与播放系统。提供优雅的 UI 与流畅的播放体验，支持播放列表管理、歌词同步、艺术家/专辑数据浏览，并内置后台管理（JWT 认证），开箱即用。

我们提供三种便捷的部署方式：Docker Run 和 Docker Compose 以及 宝塔+ Vercel 部署。

这是最简单快捷的启动方式。只需一条命令即可运行整个应用（需要注意的是，因数据持久化需求，每次执行命令启动的目录需为同一个，建议在 ~ 目录下执行）。

国内服务器推荐 (使用加速镜像):

docker run -d \
  --name self-music-app \
  --restart unless-stopped \
  -p 6230:80 \
  -v "$(pwd)/music_data":/data \
  docker.cnb.cool/onmicrosoft/self-music:latest

海外服务器或本地 (使用 Docker Hub 官方镜像):

docker run -d \
  --name self-music-app \
  --restart unless-stopped \
  -p 6230:80 \
  -v "$(pwd)/music_data":/data \
  zkeq/self-music:latest

• 启动后，应用将在 http://localhost:6230 访问。
• 所有数据（数据库、配置文件、音乐文件）将保存在当前目录下的 music_data 文件夹中（修改密码后重启项目即可，会自动更新密码）。
• 默认管理员账号：admin / admin123。

如果您需要更灵活的配置或进行二次开发，可以使用 docker-compose。

1. 克隆本项目

   git clone https://github.com/zkeq/Self-music.git
   cd Self-music
   

2. 启动服务

   docker-compose up -d
   

• 启动后，应用将在 http://localhost:8080 访问。

---

• 现代 UI: 基于 shadcn/ui + Tailwind CSS 4 的精美界面，支持明暗主题切换。
• 完整播放体验: 支持播放队列、LRC 歌词同步滚动、随机/循环播放模式。
• 多维度浏览: 按艺术家、专辑、播放列表、情绪等多种方式发现音乐。
• 强大后台管理: 内置后台管理系统，支持对歌曲、艺术家、播放列表等的完整 CRUD 操作。
• 数据持久化: 所有数据均通过卷（Volume）持久化，方便备份和迁移。

---

• 后端: FastAPI (Python) + SQLite
• 前端: Next.js (React) + TypeScript + Tailwind CSS
• 容器化: Docker + Nginx

---

如果需要进行二次开发，请按以下步骤设置本地环境。

1. 环境要求

   • Python 3.8+
   • Node.js 18+
   • pnpm (推荐)

2. 克隆项目

   git clone https://github.com/zkeq/Self-music.git
   cd Self-music
   

3. 启动后端

   cd backend
   pip install -r requirements.txt
   uvicorn main:app --reload --host 0.0.0.0 --port 8000
   

   • 后端服务运行于 http://localhost:8000

4. 启动前端

   cd ../frontend
   pnpm install
   pnpm dev
   

   • 前端服务运行于 http://localhost:3000

---

• 🎨 现代化设计：基于 shadcn/ui + Tailwind CSS 4 的精美界面
• 📱 响应式布局：桌面与移动端无缝适配
• 🔐 安全认证：基于 JWT 的后台管理登录
• 🎧 播放体验：HTML5 音频 + 歌词(LRC)解析与同步滚动
• 🎛️ 播放控制：进度、音量、随机、循环、上一首/下一首
• 🌓 主题切换：内置暗黑模式（next-themes）

---

• 🎵 播放列表：支持播放队列、从列表播放、跳转到指定歌曲
• 📝 歌词支持：LRC/纯文本解析，支持全屏歌词与滚动高亮
• 🔁 播放模式：随机/列表循环/单曲循环
• 💾 本地记忆：播放列表与状态持久化（localStorage）

• 👤 艺术家：列表与详情、该艺术家歌曲/专辑
• 💿 专辑：列表与详情、专辑下歌曲
• 📂 播放列表：公共播放列表浏览与播放
• 😊 情绪/氛围：按 mood 分类展示与筛选（后端支持）

• ✅ 艺术家/专辑/歌曲/情绪(mood)/播放列表：完整 CRUD
• 🔃 播放列表重排：支持自定义顺序（保持顺序返回）
• 📦 批量导入：按歌曲/专辑/艺人信息批量写入（含歌词与音频 URL）
• 👤 默认管理员：admin / admin123

• 🛡️ JWT 认证：Bearer Token 鉴权的管理接口
• 🌐 CORS 设置：默认允许所有来源

---

1. 将 backend 文件夹上传至服务器 \root 即可

2. 修改 backend/config.yaml 里面的配置项 jwt_secret 和 admin 管理员密码。

3. 打开宝塔 网站 -> Ptython项目 -> 新建站点

   新建一个虚拟环境

   

4. 表单按如下填写

   

5. 点击确定后项目会进行创建虚拟环境和安装，等待安装完毕 即可

6. 点击设置可查看项目日志

   

7. 在这一步如果提示找不到某个依赖，点击 操作 中的 终端，自行输入 pip install xxx(包名) 即可，若提示端口被占用 （更改一个没有被占用的端口即可 main.py）

   

8. 请求服务端口，查看运行情况 （看到这个字符串，说明服务正常运行）

9. 后端部署已完成，可在cdn测绑定反代域名即可上线

• 按步骤进行操作即可成功部署

---

Self-Music/
├── backend/                 # FastAPI + SQLite
│   ├── main.py              # API 入口（含后台路由）
│   ├── user.py              # 面向用户的公开接口
│   ├── music.db             # SQLite 数据库
│   └── requirements.txt     # Python 依赖
├── frontend/                # Next.js + TypeScript + Tailwind CSS 4
│   ├── src/
│   │   ├── app/             # 应用路由（/play、/artists、/admin 等）
│   │   ├── components/      # UI 组件、播放器、歌词、面板
│   │   ├── lib/             # API 客户端、store、工具
│   │   └── styles/          # 全局样式与主题
│   └── package.json         # 前端依赖与脚本
├── AGENTS.md                # 仓库贡献与开发规范（中文）
├── README.md                # 中文说明（本文件）
└── README.en.md             # English README

---

• 公共接口（无需登录）

  • GET /api/songs：分页获取歌曲
  • GET /api/songs/{id}：歌曲详情
  • GET /api/artists、/api/artists/{id}、/api/artists/{id}/songs、/api/artists/{id}/albums
  • GET /api/albums、/api/albums/{id}、/api/albums/{id}/songs
  • GET /api/playlists、/api/playlists/{id}

• 管理接口（需 Bearer Token）

  • POST /api/auth/login：管理员登录
  • GET/POST/PUT/DELETE /api/admin/{artists|albums|songs|moods|playlists}
  • PUT /api/admin/playlists/{id}/reorder：播放列表重排
  • POST /api/admin/upload：上传音频文件
  • POST /api/admin/import/*：批量导入与查重

详见运行后端后的 Swagger 文档：/docs

---

• 提交前确保：构建通过、pnpm lint 通过、API 本地可运行
• 遵循本仓库约定（见 AGENTS.md, CODE_OF_CONDUCT.md）
• 欢迎：Bug 报告、功能提议、文档改进、国际化支持

---

本项目采用 MIT License 开源协议。

---

感谢 @haorwen 为本项目提供网易云音乐元信息数据 API 服务。

---