一款高顏值的第三方網易雲播放器

Java陈序员發表於2024-04-12
播放器

大家好，我是 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/#/

大家的點贊、收藏和評論都是對作者的支援，如文章對你有幫助還請點贊轉發支援下，謝謝！

相關文章