musicafe 音乐咖
For most Chinese people, we are using netease, xiami, or QQ music service everyday for enjoying music, but we are also bothered with changing the platform each time for the songs or artists we love. Musicafe is a web music platform for simply it.
Functions
- Search netease, xiami, qq songs, albums, playlists.
- Get albums, playlists details.
- Add songs to your list and play.
- (Unsuggested) Add VIP songs(neet pay) of xiami, qq, example here.
- (Unsuggested) Add unauthorized songs of xiami, qq, example here.
- Download songs in albums and playlists page.
Run local
git clone https://github.com/LIU9293/musicafe.git
cd musicafe
npm install
npm run https (not npm start!!!)
Because the API server is using https, so http development environment may cause CORS issue. PLEASE DO delete the baidu analytic code in public/index.html as well !!!
Use your own API server
src/redux/action/fetch.js
const base = 'localhost:8080/api/';
npm run build
node server/index.js
npm start
If there are any CORS problem, go to server/index.js and change res.header("Access-Control-Allow-Origin", "*");
Useful stuff used
- music-api, centralized Node.JS API SDK for xiami, netease, and qq music.
- Howler.js, Javascript audio library for the modern web.
- create-react-app
- Ant design
HTTPS
The website is using https, but all media files in netease, xiami and qq are transferred via http, so the https badge will grey out after you listen to something. T.T
TODOS
- Pray for not be forbidded...
- Mutilple user playlists, listen whole album or playlist directly.
- Account to remeber playlists.
- Go mobile.