NetEase Cloud Music player

The player uses NeteaseCloudMusicApi and routes under /api/netease/. There is no separate developer signup for this template.

Legal: You must only play audio you have the right to use on a public website. Most commercial tracks on NetEase are not licensed for arbitrary web playback. Use your own audio or properly licensed material when possible.


Website

WhatURL
Web player (open a playlist and read the URL)https://music.163.com
Mobile appNetEase Cloud Music app Share on a playlist; the link contains the numeric id.

The playlist id usually appears in the URL as playlist?id=... (digits only).


Environment variable

NEXT_PUBLIC_NETEASE_PLAYLIST_ID=your_playlist_id

Set this in .env.local for production so you do not rely on the built-in demo playlist. Default logic: src/components/music-player/MusicPlayer/MusicPlayerProvider.jsx.

The UI can also change the playlist id at runtime; metadata is loaded via GET /api/netease/playlist?id=....

Cover art may load from NetEase CDNs; allowed hosts are listed in next.config.js under images.remotePatterns.

Back to setup hub

Discussion

Likes and comments on this post.

Like

One like per visitor (by IP). Tap again to remove your like.

Comments

  • Loading comments…
Loading your playlist...