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.
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:serveStart 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 .
Signed-in readers can open the original source through BestHub's protected redirect.
This article has been distilled and summarized from source material, then republished for learning and reference. If you believe it infringes your rights, please contactand we will review it promptly.
Programmer DD
A tinkering programmer and author of "Spring Cloud Microservices in Action"
How this landed with the community
Was this worth your time?
0 Comments
Thoughtful readers leave field notes, pushback, and hard-won operational detail here.
