大家好,我是
晓凡。

不少程序员小伙伴都喜欢边听音乐边敲代码,尤其在一个嘈杂的环境中,一个好的想法、好的思路可能就因为一瞬间的干扰就没了。

这时,如果耳机一戴上,听着音乐能更好的集中注意力;遇到bug也能临危不乱,想出更好的解决办法;

网易云音乐,算是一个相对简洁、有趣的播放器了。

不过近些年,各种花里胡哨的功能越来越多,有些歌曲的版权也没了,可谓是让人又爱又恨。

前几天逛
GitHub
的时候发现了一个【高颜值的第三方网易云播放器
YesPlayMusic
】推荐给大家。

YesPlayMusic

一、YesPlayMusic的魅力

YesPlayMusic
并不是简单的“换肤”软件,它基于网易云音乐的
API
,使用
Vue.js
全家桶开发。

实现了网易云音乐的全部核心功能,并且去除了那些你可能根本不会用到的繁琐功能。

也没有社交功能,简简单单,干干净净,专注于听歌。

作者自称灵感来源
Apple Music

YouTube Music

Spotify

网易云音乐

所以
YesPlayMusic
可谓光靠其高颜值的界面设计,成功俘获了一大批用户的心。

目前在
GitHub

stars
已经有
28.9k
⭐了

界面简洁而不失优雅,功能全面而不显臃肿,对于喜欢简洁的程序员来说可谓是一个不错的选择

GitHub地址

GitHub
地址在这儿:
https://github.com/qier222/YesPlayMusic

二、YesPlayMusic功能

麻雀虽小,但五脏俱全。该有不该有的功能都有,但不臃肿。

一些无用功能直接拿掉,作者还根据不同设备,不同地区做了各种适配。

可以使用网易云音乐账号登录,并将网易云音乐收藏同步过来。

下面这些功能够你用了么。

image-20240908102713709

三、下载安装

作者考虑周全,做了各种操作系统、各种设备的适配。并且发布了
Electron 版本
,使其在
macOS

Windows

Linux
都得到了适配。

有些小伙伴可能不知道
Electron
是啥?

其实我们平常使用的
Visual Studio Code

网易云音乐

飞书

xmind
等等都是通过
Electron
开发的,这下不陌生了吧。

简单来说
Electron
就是通过网页技术(
HTML

CSS

JavaScript
)来快速开发跨平台桌面应用的工具。

这么在不同平台上安装呢?

  • macOS
    用户可以通过
    Homebrew
    来安装:
    brew install --cask yesplaymusic
  • Windows
    用户可以通过
    Scoop
    来安装:
    scoop install extras/yesplaymusic

晓凡用的
Windows
操作系统,下面就以
windows
为例,简单说下这么下载安装。

① 跳转到Releases页面

目前最新版本是
v0.4.8
版本

https://github.com/qier222/YesPlayMusic/releases

image-20240908104710282

② 选择windows的exe下载即可

image-20240908104828964

如果在 Release 页面没有找到适合你的设备的安装包的话,你可以根据下面的步骤来打包自己的客户端。

  1. 打包 Electron 需要用到
    Node.js

    Yarn
    。可前往 Node.js 官网:
    https://nodejs.org/zh-cn/
    下载安装包。

    安装
    Node.js
    后可在终端里执行
    npm install -g yarn
    来安装 Yarn。

  2. 使用
    git clone --recursive https://github.com/qier222/YesPlayMusic.git
    克隆本仓库到本地。

  3. 使用
    yarn install
    安装项目依赖。

  4. 复制
    /.env.example
    文件为
    /.env

  5. 选择下列表格的命令来打包适合的你的安装包,打包出来的文件在
    /dist_electron
    目录下。了解更多信息可访问
    electron-builder 文档

命令 说明
yarn electron:build --windows nsis:ia32 Windows 32 位
yarn electron:build --windows nsis:arm64 Windows ARM
yarn electron:build --linux deb:armv7l Debian armv7l(树莓派等)
yarn electron:build --macos dir:arm64 macOS ARM

下面是晓凡安装后打开的一些截图

首页

发现页面

歌曲搜索

mv播放

四、本地部署

除了下载安装包使用,小伙伴们还可以将本项目部署到
Vercel
或自己服务器上。

作者在项目首页一共提供了①
Vercel
部署 ② 自己服务器部署 ③
Docker
部署 ④
Replit
部署 四种部署方式

至于怎么部署,作者在
GitHub
上已经说得很详细了。

给出的每种部署方式步骤都很详细,由于文章篇幅愿意,这里就不一一列举了。

感兴趣的小伙伴自己到
https://github.com/qier222/YesPlayMusic
查看即可

五、开发新功能

如果上面的功能还不能满足你,可以在此基础上继续进行二开

克隆项目到本地,运行本项目

# 安装依赖
yarn install

# 创建本地环境变量
cp .env.example .env

# 运行(网页端)
yarn serve

# 运行(electron)
yarn electron:serve

本期内容到这儿就结束了
★,°
:.☆( ̄▽ ̄)/$:
.°★

希望对您有所帮助

我们下期再见 ヾ(•ω•`)o (●'◡'●)

标签: none

添加新评论