搭建自己的高颜值的第三方网易云播放器

简介:

高颜值的第三方网易云播放器,使用网易云账号同步(个人的library),无任何社交,简洁纯净,自动替换变灰歌曲链接。

全新版本

全新2.0 Alpha测试版已发布,欢迎前往 Releases 页面下载。 当前版本将会进入维护模式,除重大bug修复外,不会再更新新功能。

✨ 特性

  • ✅ 使用 Vue.js 全家桶开发

  • 🔴 网易云账号登录(扫码/手机/邮箱登录)

  • 📺 支持 MV 播放

  • 📃 支持歌词显示

  • 📻 支持私人 FM / 每日推荐歌曲

  • 🚫🤝 无任何社交功能

  • 🌎️ 海外用户可直接播放(需要登录网易云账号)

  • 🔐 支持 UnblockNeteaseMusic,自动使用各类音源替换变灰歌曲链接 (网页版不支持)

    • 「各类音源」指默认启用的音源。

    • YouTube 音源需自行安装 yt-dlp

  • ✔️ 每日自动签到(手机端和电脑端同时签到)

  • 🌚 Light/Dark Mode 自动切换

  • 👆 支持 Touch Bar

  • 🖥️ 支持 PWA,可在 Chrome/Edge 里点击地址栏右边的 ➕ 安装到电脑

  • 🟥 支持 Last.fm Scrobble

  • ☁️ 支持音乐云盘

  • ⌨️ 自定义快捷键和全局快捷键

  • 🎧 支持 Mpris

  • 🛠 更多特性开发中

⚙️ 部署到自己的服务器

除了部署到 Vercel,你还可以部署到自己的服务器上

  1. 部署网易云 API,详情参见 Binaryify/NeteaseCloudMusicApi

  2. 克隆本仓库

git clone --recursive https://github.com/qier222/YesPlayMusic.git
  1. 安装依赖

yarn install
  1. (可选)使用 Nginx 反向代理 API,将 API 路径映射为 /api,如果 API 和网页不在同一个域名下的话(跨域),会有一些 bug。

  2. 复制 /.env.example 文件为 /.env,修改里面 VUE_APP_NETEASE_API_URL 的值为网易云 API 地址。本地开发的话可以填写 API 地址为 http://localhost:3000,YesPlayMusic 地址为 http://localhost:8080。如果你使用了反向代理 API,可以填写 API 地址为 /api

VUE_APP_NETEASE_API_URL=http://localhost:3000
  1. 编译打包

yarn run build
  1. /dist 目录下的文件上传到你的 Web 服务器

⚙️ Docker 部署

  1. 构建 Docker Image

docker build -t yesplaymusic .
  1. 启动 Docker Container

docker run -d --name YesPlayMusic -p 80:80 yesplaymusic
  1. Docker Compose 启动

docker-compose up -d

YesPlayMusic 地址为 http://localhost

⚙️ 部署至 Replit

  1. 新建 Repl,选择 Bash 模板

  2. 在 Replit shell 中运行以下命令

bash <(curl -s -L https://raw.githubusercontent.com/qier222/YesPlayMusic/main/install-replit.sh)
  1. 首次运行成功后,只需点击绿色按钮 Run 即可再次运行

  2. 由于 replit 个人版限制内存为 1G(教育版为 3G),构建过程中可能会失败,请再次运行上述命令或运行以下命令:

cd /home/runner/${REPL_SLUG}/music && yarn installl && yarn run build

部署到1panel

  • 登录面板

  • 打开应用商店

  • 下载MySQL

  • 下载YesPlayMusic

  • 创建网站选择反代理

  • 输入地址和端口完成网站设置

  • 创建免费证书

  • 配置网站选择已有证书

🖼️ 截图

2.png3.png4.png5.png6.png7.png8.png9.png

消息盒子

# 暂无消息 #

只显示最新10条未读和已读信息