Deploy the Stunning Cross‑Platform YesPlayMusic Player in Minutes

This guide introduces YesPlayMusic—a high‑visual, multi‑platform NetEase Cloud Music client built with Vue.js—and provides step‑by‑step instructions for installing, configuring, and deploying it via Vercel, custom servers, or Docker, complete with code snippets and screenshots.

Programmer DD
Programmer DD
Programmer DD
Deploy the Stunning Cross‑Platform YesPlayMusic Player in Minutes

Amid unpredictable Shanghai weather, the author recommends the high‑visual, cross‑platform third‑party NetEase Cloud Music client YesPlayMusic , which runs on macOS, Windows, and Linux.

Key features include:

Developed with the Vue.js full stack

Supports NetEase Cloud account login (QR code, phone, email)

MV playback and lyric display

Personal FM, daily recommendations, no social functions

Overseas playback with account login

UnblockNeteaseMusic to replace greyed‑out tracks

Automatic daily sign‑in

Light/Dark mode auto‑switch

Touch Bar support

PWA installation via browser

Last.fm scrobble

Music cloud storage

Custom and global shortcuts

Mpris support

Multiple installation packages are available.

To deploy on Vercel, first deploy the NetEase Cloud API (see Binaryify/NeteaseCloudMusicApi), fork the repository, add a vercel.json file with the following content:

{
  "rewrites": [
    {
      "source": "/api/:match*",
      "destination": "https://your-netease-api.example.com/:match*"
    }
  ]
}

Then log into Vercel with GitHub, import the repository, set the environment variable VUE_APP_NETEASE_API_URL to /api, and click Deploy.

For a self‑hosted server, deploy the NetEase Cloud API, clone the repository, install dependencies, optionally configure Nginx reverse proxy, copy .env.example to .env and set VUE_APP_NETEASE_API_URL to the API address, then build and upload the /dist folder.

Docker deployment steps:

Build the image: docker build -t yesplaymusic . Run the container: docker run -d --name YesPlayMusic -p 80:80 yesplaymusic Or start with Docker Compose: docker-compose up -d To run the project locally:

# Install dependencies
yarn install
# Create local env file
cp .env.example .env
# Run web version
yarn serve
# Run Electron version
yarn electron:serve

Start the NetEase Cloud API (default port 3000) with yarn netease_api:run or deploy it to Vercel.

Below are screenshots of the application’s UI:

For more projects and tools, visit the GitHub repository https://github.com/Wechat-TJ/TJ-WORLD-FORU .

Original Source

Signed-in readers can open the original source through BestHub's protected redirect.

Sign in to view source
Republication Notice

This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactadmin@besthub.devand we will review it promptly.

DockerVue.jsVercelYesPlayMusic
Programmer DD
Written by

Programmer DD

A tinkering programmer and author of "Spring Cloud Microservices in Action"

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.