600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 多平台 高颜值的网易云第三方播放器

多平台 高颜值的网易云第三方播放器

时间:2024-05-08 11:47:14

相关推荐

多平台 高颜值的网易云第三方播放器

上海的天气真是阴晴不定,这两天又是降温又是下雨,加上疫情的隔离,真是让人很不舒服,TJ君觉得此情此景应该听一点开心暖心的歌曲,让自己变得快乐起来,所以今天来和大家分享一个可以支持多平台(macOS、Windows、Linux)的高颜值第三方网易云播放器,YesPlayMusic

YesPlayMusic的主要特性有:

使用 Vue.js 全家桶开发

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

支持 MV 播放

支持歌词显示

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

无任何社交功能

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

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

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

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

Light/Dark Mode 自动切换

支持 Touch Bar

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

支持 Last.fm Scrobble

支持音乐云盘

自定义快捷键和全局快捷键

支持Mpris

YesPlayMusic提供了各式各样的安装包,可谓应有尽有

当然,小伙伴们也可以选择将本项目部署到Vercel或自己的服务器上。

部署Vercel服务器

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

点击本仓库右上角的 Fork,复制本仓库到自己的 GitHub 账号。

点击仓库的 Add File,选择 Create new file,输入 vercel.json,将下面的内容复制粘贴到文件中,并将https://your-netease-替换为你刚刚部署的网易云 API 地址:

{"rewrites":[{"source":"/api/:match*","destination":"https://your-netease-/:match*"}]}

打开 ,使用 GitHub 登录。

点击 Import Git Repository 并选择你刚刚复制的仓库并点击 Import。

点击 PERSONAL ACCOUNT 旁边的 Select。

点击 Environment Variables,填写 Name 为 VUE_APP_NETEASE_API_URL,Value 为 /api,点击 Add。最后点击底部的 Deploy 就可以部署到 Vercel 了。

部署自己服务器

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

克隆本仓库

安装依赖

yarninstall

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

复制 /.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

编译打包

yarnrunbuild

将 /dist 目录下的文件上传到你的 Web 服务器

部署Docker

构建 Docker Image

dockerbuild-tyesplaymusic.

启动 Docker Container

dockerrun-d--nameYesPlayMusic-p80:80yesplaymusic

Docker Compose 启动

docker-composeup-d

YesPlayMusic 地址为 http://localhost

配置开发环境

运行本项目

#安装依赖yarninstall#创建本地环境变量cp.env.example.env#运行(网页端)yarnserve#运行(electron)yarnelectron:serve

本地运行 NeteaseCloudMusicApi,或者将 API 部署至 Vercel

#运行API(默认3000端口)yarnnetease_api:run

让我们一起里看下他的高颜值究竟怎么样:

看着还是蛮漂亮的对吧~那就赶紧来试试吧~

另外,我们将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:/Wechat-TJ/TJ-WORLD-FORU

点击下方卡片,关注公众号“TJ君

回复“PlayMusic”,获取仓库地址

关注我,每天了解一个牛x、好用、有趣的东东

往期推荐

基于SpringBoot 适合学习的开源社区平台

超方便的开源视频下载工具

专为新手入门准备的Vue+Spring Boot前后端开发项目

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。