{"id":33007807,"url":"https://github.com/tatoMa/neteast-cloud-music-player","last_synced_at":"2025-11-20T13:02:28.717Z","repository":{"id":55272810,"uuid":"244130110","full_name":"tatoMa/neteast-cloud-music-player","owner":"tatoMa","description":"A mobile first, handwritten, responsive web app for music fans.","archived":false,"fork":false,"pushed_at":"2022-12-02T02:41:49.000Z","size":1886,"stargazers_count":68,"open_issues_count":0,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-10T08:44:57.418Z","etag":null,"topics":["cloud","javascript","music","neteast","vue"],"latest_commit_sha":null,"homepage":"https://neteast.netlify.com/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tatoMa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-01T10:38:37.000Z","updated_at":"2024-04-05T02:54:46.000Z","dependencies_parsed_at":"2023-01-23T06:00:33.145Z","dependency_job_id":null,"html_url":"https://github.com/tatoMa/neteast-cloud-music-player","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tatoMa/neteast-cloud-music-player","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tatoMa%2Fneteast-cloud-music-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tatoMa%2Fneteast-cloud-music-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tatoMa%2Fneteast-cloud-music-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tatoMa%2Fneteast-cloud-music-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tatoMa","download_url":"https://codeload.github.com/tatoMa/neteast-cloud-music-player/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tatoMa%2Fneteast-cloud-music-player/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":285439532,"owners_count":27171997,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-20T02:00:05.334Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloud","javascript","music","neteast","vue"],"created_at":"2025-11-13T15:00:44.238Z","updated_at":"2025-11-20T13:02:28.708Z","avatar_url":"https://github.com/tatoMa.png","language":"Vue","funding_links":[],"categories":["Open Source [🔝](#readme)","Projects Using Vue.js"],"sub_categories":["Open Source"],"readme":"# neteast-music-vue\n\n### Deployed link:\nhttps://neteast.netlify.com/\n\n### It is a mobile first responsive web app for listening music from Neteast cloud platform which is using a open source API: \nhttps://github.com/Binaryify/NeteaseCloudMusicApi\n\n### The stack is based on Vue, VueX, VueRouter, Vuetify, Axios, PWA, SCSS, Jest, Nightwatch, Eslint, Babel and others.\n\n## need a env file to start this app\n```\n.env\n.env.development\nVUE_APP_baseURL=Your Server URL \n```\n\n![picture 01](https://github.com/tatoMa/neteast-cloud-music-player/blob/master/01.jpg?raw=true)\n\n![picture 02](https://github.com/tatoMa/neteast-cloud-music-player/blob/master/02.jpg?raw=true)\n\n![picture 03](https://github.com/tatoMa/neteast-cloud-music-player/blob/master/03.png?raw=true)\n\nBackend\n- [x] compressed api by g-zip\n- [x] proxy settings\n\nFrontend\n- [ ] add full PWA support?\n- [ ] Progressive Loading? different layout or resources based on device types and network speed\n- [ ] download music function\n- [ ] redo player animation and transaction\n- [ ] UX/UI logic refactor\n- [ ] add Skeleton loaders\n- [ ] Lyric sync\n- [ ] player loop/random function\n- [ ] Home page desktop view add playlist, player, and lyric page\n- [ ] Notification for non-playable music\n- [ ] Right player drawer for desktop view\n- [ ] Dynamic switch IOS and other platform config\n- [x] Fixed safari issue and related issues on IOS platform\n- [x] Fixed desktop safari playing issues\n- [x] Home page restructure for desktop view\n- [x] theme and color settings\n- [x] setting page\n- [x] album page\n- [x] artist page\n- [x] large image adaptive loading\n- [x] music progress slider click and jump to time function\n- [x] Lyric display\n- [x] fix Chrome security policy don't allow instantiate AudioContext before load audio source \n- [x] fix music url request 403 error (by adding referrer head into index page)\n- [x] reduce the bundle size and loading size(to homepage 440k total)\n- [x] material icon tree-shaking (Reduce 300K after build the bundle)\n- [x] message tab with styled component and function\n- [x] click and play music without wipeout playlist\n- [x] audio analyser and synchronizer effect by web api and drawing on canvas\n- [x] playlist tab in player\n- [x] player tabs and sections\n- [x] music wave effect (removed)\n- [x] player buttons\n- [x] slider for volume control\n- [x] slider for audio progress\n- [x] full screen player mode\n- [x] animated transition\n- [x] hot music page Tabs and sections\n- [x] theme switch (dark and light)\n- [x] pagination for all list\n- [x] add to playlist function\n- [x] play all music in list function\n- [x] responsive design implement\n- [x] search\n- [x] navigation drawer\n- [x] hot music page \n- [x] player controller\n- [x] state management init\n- [x] utils and apis\n- [x] hot playlists page \n\n\n### need a env file to start this app\n```\n.env\nVUE_APP_baseURL=Your URL\n```\n\n#### Project setup\n```\nnpm install\n```\n\n##### Compiles and hot-reloads for development\n```\nnpm run serve\n```\n\n##### Compiles and minifies for production\n```\nnpm run build\n```\n\n##### Run your unit tests\n```\nnpm run test:unit\n```\n\n##### Run your end-to-end tests\n```\nnpm run test:e2e\n```\n\n##### Lints and fixes files\n```\nnpm run lint\n```\n\n##### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FtatoMa%2Fneteast-cloud-music-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FtatoMa%2Fneteast-cloud-music-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FtatoMa%2Fneteast-cloud-music-player/lists"}