[go: nahoru, domu]

Skip to content

🎉 一个简约的在线音乐播放器,支持账号登录,下载歌曲,歌词展示,评论区,音乐频谱,音乐云盘及歌单管理,对移动端进行了适配

License

Notifications You must be signed in to change notification settings

stellariumImpl/SPlayer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

91 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo

SPlayer

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

main

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

👀 Demo

🎉 功能

  • 账号

    • 扫码登录
    • 手机号登录(目前暂时无法使用)
    • 自动进行每日签到及云贝签到
  • 管理

    • 下载歌曲(最高 Hi-Res)
    • 新建歌单
    • 歌单编辑
    • 收藏 / 取消收藏歌单
    • 收藏 / 取消收藏歌手
  • 推荐

    • 每日推荐歌曲
    • 私人 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 文件夹内的文件上传至服务器

😘 鸣谢

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

About

🎉 一个简约的在线音乐播放器,支持账号登录,下载歌曲,歌词展示,评论区,音乐频谱,音乐云盘及歌单管理,对移动端进行了适配

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 80.7%
  • JavaScript 18.5%
  • Other 0.8%