首页 > 其他分享 >一款高颜值的第三方网易云播放器

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

时间:2024-04-12 09:55:05浏览次数:21  
标签:播放器 网易 高颜值 yarn electron API build https com

大家好,我是 Java陈序员

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

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

项目介绍

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

功能特色:

项目截图

项目部署

1、拉取代码

git clone https://github.com/qier222/YesPlayMusic.git

2、安装依赖

yarn install

3、修改配置文件

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

VUE_APP_NETEASE_API_URL=http://localhost:3000

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

4、本地运行

yarn serve

5、编译打包

yarn run build

6、部署到服务器

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

server {
    listen 8080;
    server_name xxx.com; 
    location / {
        root /data/software/YesPlayMusic/dist;
        index index.html;
    }
}

7、客户端打包

# 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

项目地址:

https://github.com/qier222/YesPlayMusic

在线体验:

https://music.qier222.com/

最后

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

https://github.com/chenyl8848/great-open-source-project

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

https://chencoding.top:8090/#/

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

标签:播放器,网易,高颜值,yarn,electron,API,build,https,com
From: https://www.cnblogs.com/codechen8848/p/18130144

相关文章

  • websocket-fmp4播放器wsPlayer
    https://blog.csdn.net/tech2ipo/article/details/124369020 https://github.com/ZLMediaKit/ZLMediaKithttps://github.com/chatop2020/AKStream 一、web视频播放器的现状与问题1、流媒体协议选型:主流流媒体协议归纳总结:协议名称 网络传输协议 延时 编码类型 HTML5支持情......
  • 基于51单片机低中高音7键电子琴音乐播放器
    基于51单片机电子琴音乐播放器(仿真+程序+原理图+PCB+设计报告)功能介绍具体功能:1.可以使用按键切换音乐播放模式和弹奏模式;2.LED灯显示在使用哪种模式;3.音乐播放模式播放音乐《两只老虎》;4.弹奏模式可以切换低中高音;5.数码管实时显示弹奏的音调;​演示视频:基于51单......
  • H.265视频直播点播录像EasyPlayer.js流媒体播放器用户常见问题及解答
    EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,无须安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。今天我们来汇总下用户常见的几个问题及解答。1、EasyPlayer.js播放多路H.265视频时,CPU直接被占满该如何处理?答:因为H.265解码比较占......
  • 2024免费看奈飞的方法分享,画镜播放器最强
    1、 反代服务器★★★将自己电脑设置为提供DNS服务,用反代理,修改host,用海外的IP进行播放,具体的,可以看不良林的视频方案盘点:好处是不用梯子,坏处是速度不稳定,清晰度无法保障,而且需要一定的电脑知识,普通用户需要大量的试错时间,另外账号也需要另行购买或者租用2、 画镜播放器★★......
  • 可以写网易云的了!
    你好,我是云桃桃。一个希望帮助更多朋友快速入门WEB前端的程序媛。1枚程序媛,大专生,2年时间从1800到月入过万,工作5年买房。分享成长心得。259篇原创内容-gzh后台回复“前端工具”可获取开发工具,持续更新中后台回复“前端基础题”可得到前端基础100题汇总,持续更新中01......
  • java计算机毕业设计(附源码)音乐播放器app(ssm+mysql+maven+LW文档)
    本系统(程序+源码)带文档lw万字以上  文末可领取本课题的JAVA源码参考系统程序文件列表系统的选题背景和意义选题背景:在当今的数字化时代,音乐已经成为人们日常生活中不可或缺的一部分。随着智能手机和移动互联网的普及,音乐播放器app应运而生,为人们提供了随时随地欣赏音乐......
  • 最新梨花带雨网页音乐播放器
    源码简介最新梨花带雨网页音乐播放器二开优化修复美化版全开源版本源码下载梨花带雨播放器基于thinkphp6开发的XPlayerHTML5网页播放器前台控制面板,支持多音乐平台音乐解析。二开内容:修复播放器接口问题,把接口本地化,但是集成外链播放器接口就不本地化了,我花钱找人写的理解下......
  • 用C#做一个 拉流播放器
    用C#做一个拉流播放器 做拉流播放器第一个想到就是,.,..FFmpeg没错 我也是用强大的他它来做的.但是我用的不是 cmd 调用 而是用的强大的FFmpeg.AutoGen FFmpeg.AutoGen这个是C# 一个自动生成FFmpeg的C#库,它之强大令人侧目,但是文档资料非常少,它能用C# 办到一切......
  • 用画镜播放器看奈飞的问题汇总
    画镜播放器作为唯一一个操作简易,效果稳定,并且完全免费看奈飞的工具,非常火爆。但是它也存在一些问题,这里分享一下我用画镜的一些心得,让大家不至于踩坑。Video点iamok点in,这是他们官网1、 使用中,发现没有全屏按钮,点击全屏无效!这里需要在键盘按F11就是全屏了2、 提示未引用对象的......
  • 2024JAVA互联网各大BATJ大厂(网易、华为
    ​为什么报了这个部门?​你觉得自己有什么优势,能给这个部门带来什么?​讲自己的三个优点?​说一下自己的不足?​。。。今日头条(抖音,收到意向书)​牛客网视频平台面试,算法题在线编程一下午走完三面流程。不涉及部门面试,面试官说三轮面试都是统招的。​一面(约......