用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic

用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic


用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic

演示站https://music.prmath.com/

✨特性:

✅ 使用 Vue.js 全家桶开发

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

? 支持 MV 播放

? 支持歌词显示

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

?? 无任何社交功能

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

? 支持 UnblockNeteaseMusic(使用 revincx 修复的 npm 包),自动使用 QQ/酷狗/酷我音源替换变灰歌曲链接 (网页版不支持)

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

Light/Dark Mode 自动切换

? 支持 Touch Bar

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

? 支持 Last.fm Scrobble

☁️ 支持音乐云盘

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

? 更多特性开发中

?️ 安装

部署网易云 API,详情参见 Binaryify/NeteaseCloudMusicApi 。你也可以将 API 部署到 Vercel,教程如下:

用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic

 

打开 Github 项目 https://github.com/qier222/YesPlayMusic,点击本仓库右上角的 Fork,复制本仓库到你的 GitHub 账号。

打开 Vercel.com,使用 GitHub 登录。

Vercel 官网点击 New Project

用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic

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

点击 PERSONAL ACCOUNT 旁边的 Select

用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic

点击 Environment Variables,填写 Name 为 VUE_APP_NETEASE_API_URLValue 为你刚刚部署的网易云 API 地址,点击 Add。最后点击底部的 Deploy 就可以部署到 Vercel 了。

用 vercel 搭建一个高颜值的第三方网易云播放器 YesPlayMusic

如果你想绑定自己域名,可以在Project Settings -> Domains 添加域名,CNAME解析有些慢要等很久。

声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服

给TA打赏
共{{data.count}}人
人已打赏
其他网站导航

免费的Mac软件下载站 MacWk – 为工作而生

2022-2-21 18:47:29

7b2WP技术技术教程

WordPress 使用 OSS Upload 后媒体库无法加载一直转圈的解决方法

2022-2-23 3:02:11

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索