SPlayer

一个简约的在线音乐播放器，项目尚未完成，不保证可用性

本项目采用 Vue 3 全家桶及 SCSS 开发
目前主要以 PC 端为主，移动端做了基础适配，仅保证功能

👀 Demo

• SPlayer

🎉 功能

• 账号登录

  • 扫码登录
  • 更多登录方式待添加

• 管理

  • 新建歌单
  • 歌单编辑
  • 收藏 / 取消收藏歌单

• 推荐

  • 每日推荐歌曲
  • 私人 FM

• 音乐云盘

  • 云盘音乐上传
  • 云盘内歌曲播放
  • 云盘内歌曲纠正
  • 云盘歌曲删除

• 播放

  • 歌词滚动以及歌词翻译
  • MV 与视频播放
  • 音乐频谱显示（ 实验性功能，需在设置中开启 ）
  • 音乐渐入渐出

• 其他

  • 支持 PWA
  • 支持评论区功能
  • 明暗模式自动 / 手动切换
  • 对移动端简单适配

• 主题换肤

😍 Screenshots

主页面

播放页面

发现页面

歌单页面

评论页面

⚙️ 部署

Vercel 等托管平台可在 Fork 后一键导入并自动部署

API 服务

本程序依赖 NeteaseCloudMusicApi 运行，请确保您已成功部署该项目

• 请在根目录下的 .env 文件中的 VITE_MUSIC_API 中填入 API 地址

VITE_MUSIC_API = "your api url"

安装依赖

pnpm install
# 或者
yarn install
# 或者
npm install

开发

pnpm dev
# 或者
yarn dev
# 或者
npm dev

构建

pnpm build
# 或者
yarn build
# 或者
npm build

构建完成后可将生成的 dist 文件夹内的文件上传至服务器

😘 鸣谢

特此感谢为本项目提供支持与灵感的项目

• NeteaseCloudMusicApi
• YesPlayMusic
• Vue-mmPlayer