一款高颜值的第三方网易云播放器

一款高颜值的第三方网易云播放器

大家好,我是 Java陈序员

今天,给大家介绍一个基于 Vue 全家桶实现的"网易云"播放器。

关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

项目介绍

YesPlayMusic ------ 一款高颜值的第三方网易云播放器,支持 Windows / macOS / Linux。

功能特色:

项目截图

项目部署

1、拉取代码

bash 复制代码
git clone https://github.com/qier222/YesPlayMusic.git

2、安装依赖

bash 复制代码
yarn install

3、修改配置文件

复制 /.env.example 文件为 /.env,修改里面 VUE_APP_NETEASE_API_URL 的值为网易云 API 地址

ini 复制代码
VUE_APP_NETEASE_API_URL=http://localhost:3000

如有跨域问题,可以使用 Nginx 反向代理 API,将 API 路径映射为 /api.

4、本地运行

bash 复制代码
yarn serve

5、编译打包

bash 复制代码
yarn run build

6、部署到服务器

将打包生成的 dist 文件夹上传到服务器,并使用 Nginx 进行配置访问。

bash 复制代码
server {
    listen 8080;
    server_name xxx.com; 
    location / {
        root /data/software/YesPlayMusic/dist;
        index index.html;
    }
}

7、客户端打包

bash 复制代码
# Windows 32 位
yarn electron:build --windows nsis:ia32

# Windows ARM
yarn electron:build --windows nsis:arm64

# Debian armv7l(树莓派等)
yarn electron:build --linux deb:armv7l

# macOS ARM
yarn electron:build --macos dir:arm64

项目地址:

arduino 复制代码
https://github.com/qier222/YesPlayMusic

在线体验:

arduino 复制代码
https://music.qier222.com/

最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star

bash 复制代码
https://github.com/chenyl8848/great-open-source-project

或者访问网站,进行在线浏览:

bash 复制代码
https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

相关推荐
三声三视7 小时前
Electron 本地图片在鸿蒙 PC 上白图,我注册了个自定义协议
electron·harmonyos·鸿蒙
_codeOH7 小时前
Vue 3 vs React 19:框架还在卷,核心原理就这些
前端·vue.js
英勇无比的消炎药8 小时前
新手必看玩转TinyRobot一定要避开这些坑
前端·vue.js
英勇无比的消炎药8 小时前
别再盲目混用AI组件库和传统组件库差距原来这么大
前端·vue.js
英勇无比的消炎药10 小时前
前端提效神器全新AI组件库TinyRobot改写日常开发模式
前端·vue.js
英勇无比的消炎药11 小时前
前端提效神器TinyRobot
前端·vue.js
CDwenhuohuo11 小时前
uni 背景色渐变 全屏
前端·javascript·vue.js
爱怪笑的小杰杰11 小时前
Vue 项目交付第三方开发,如何隐藏核心 JS 源码?
前端·javascript·vue.js
之歆11 小时前
Node.js 与 NPM 包管理完全指南
前端·npm·node.js
小二·11 小时前
Vue 3 组合式 API 进阶实战
前端·javascript·vue.js