高颜值跨平台第三方网易云音乐YesPlayMusic

本文最后更新于:2021年1月26日 下午

简介

上次介绍的LyricEase优雅的第三方网易云音乐UWP应用,比较适合听免费音乐比较多的人,但是也有只能访问用户的公开信息、播放不了VIP歌曲和灰色歌曲的局限性,偶然在Github上又发现一款颜值很高的第三方网易云音乐客户端——YesPlayMusic🎉

这款应用提供了跨平台:Windows/Linux/macOS的基于Electron已经编译构建好的安装包或者二进制程序,开箱即用,并且默认提供灰色歌曲自动替换音源播放功能(由UnblockNeteaseMusic提供支持),舒爽度参考——各平台解锁网易云音乐变灰工具以及食用教程

👉项目地址https://github.com/qier222/YesPlayMusic

👉在线版本https://music.qier222.com/#/

👉开源协议:本项目仅供个人学习研究使用,禁止用于商业及非法用途,基于MIT License许可证进行开源

特性

  • ✅ 使用 Vue.js 全家桶开发
  • 🔴 网易云账号登录
  • 📺 MV 播放
  • 📃 支持歌词显示
  • 🚫无任何社交功能
  • 🌎️ 海外用户可直接播放(需要登录网易云账号)
  • 🔐 支持 UnblockNeteaseMusic,自动使用 QQ/酷狗/酷我音源替换变灰歌曲链接 (网页版不支持)
  • ⏭️ 支持 MediaSession API,可以使用系统快捷键操作上一首下一首
  • ✔️ 每日自动签到(手机端和电脑端同时签到)
  • 🌚 Light/Dark Mode 自动切换
  • 👆 支持 Touch Bar(仅拥有Touoch Bar的Mac支持)
  • 🖥️ 支持 PWA,可在 Chrome/Edge 里点击地址栏右边的 ➕ 安装到电脑
  • 🙉 支持显示歌曲和专辑的 Explicit 标志
  • 🔧 更多特性开发中

预览

整体界面有点类似Apple Music的简约风格,并且首页有Apple Music的歌单推荐,没有多余的社交元素,下面是在Windows下使用部分截图:

  1. 首页

  2. 发现页

  3. 音乐库页

  4. 播放页

  5. 音乐解灰测试(默认自带UnlockNeteaseMusic

使用

桌面应用

编译好的Electron发布在项目的Releases页,进入后,根据你的桌面平台下载对应的安装包安装/运行就可以啦:

服务器部署

要想把程序部署在网页上,您需要先部署网易云Api——Binaryify/NeteaseCloudMusicApi,👈请参见该项目提供的文档部署

🎈有一点值得注意的是,众所周知,网易云的版权只能在国内(除港澳台)用,如果你是大陆以外的服务器/VPS,你需要 在 /util/request.jsheaders处增加 X-Real-IP':'211.161.244.70' // 任意国内 IP 即可解决,更多内容参考接口文档

部署好的接口算是网站项目的后端,部署好后端后,前段界面按照项目README构建就可以:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 服务器/VPS安全组放行后端默认端口3000,前段默认端口8080,如果想使用其他端口请参考项目README修改顺便放行自定义端口
# 服务器/VPS安装好Node.js以及Yarn(NPM当然也可以)
# 拉取代码
$ git clone https://github.com/qier222/YesPlayMusic.git
# 进入项目目录
$ cd /YesPlayMusic
# 安装依赖
$ yarn install
# 重命名示例配置文件
$ mv .env.example .env
# 编辑配置文件
$ vim .env
# 将后端地址填入配置文件的字段:VUE_APP_NETEASE_API_URL
# 比如Api本地测试地址:VUE_APP_NETEASE_API_URL=http://localhost:3000
# 构架静态网页
$ yarn run build
# 将生成的 /dist 目录下的文件上传到Web服务器就可以了
#绑定域名:Web服务器反代下本地的8080端口即可

进度

🎯关注项目进度https://github.com/qier222/YesPlayMusic/projects/1

🎉已完成

  • 歌词显示
  • 歌曲播放页
  • 歌单操作
  • Electron窗口记忆大小
  • Toast组件
  • 发现页面自定义分类
  • 歌手页添加全部MV子页面
  • MV收藏
  • 专辑收藏
  • 歌手关注
  • 黑夜模式
  • 音质选择
  • 设置页面

🚀进行中

  • 私人FM
  • 根据用户设置喜欢语种首页推荐

待做

  • 每日推荐
  • 播放器记忆歌曲播放进度(作者说的是刷新后不丢失播放进度,应该是网页端)

最后:

🎊这个项目真的很棒,可惜我发现的太晚,觉得好用不要忘记给项目点个Star