{"id":15011304,"url":"https://github.com/gaomingzhao666/spotify-web-player","last_synced_at":"2025-09-01T12:15:14.007Z","repository":{"id":222945991,"uuid":"758024654","full_name":"gaomingzhao666/Spotify-Web-Player","owner":"gaomingzhao666","description":"🎵 A web music player UI/UX clone from Spotify Web Player and the data-source provided by NetEase Cloud Music 🎵","archived":false,"fork":false,"pushed_at":"2024-05-22T13:27:33.000Z","size":18773,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-22T13:47:10.260Z","etag":null,"topics":["javascript","lesscss","vite","vue3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gaomingzhao666.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-15T13:28:39.000Z","updated_at":"2024-05-22T13:47:11.916Z","dependencies_parsed_at":null,"dependency_job_id":"9a868e68-83ba-449d-be51-3710d19d91b7","html_url":"https://github.com/gaomingzhao666/Spotify-Web-Player","commit_stats":null,"previous_names":["gaomingzhao666/spotify-web-player"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gaomingzhao666/Spotify-Web-Player","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaomingzhao666%2FSpotify-Web-Player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaomingzhao666%2FSpotify-Web-Player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaomingzhao666%2FSpotify-Web-Player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaomingzhao666%2FSpotify-Web-Player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gaomingzhao666","download_url":"https://codeload.github.com/gaomingzhao666/Spotify-Web-Player/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaomingzhao666%2FSpotify-Web-Player/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262419693,"owners_count":23308093,"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","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":["javascript","lesscss","vite","vue3"],"created_at":"2024-09-24T19:40:32.148Z","updated_at":"2025-06-28T11:02:48.543Z","avatar_url":"https://github.com/gaomingzhao666.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n[![Stargazers][stars-shield]][stars-url]\n[![Apache2.0 License][license-shield]][license-url]\n\n🚫 由于 [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi) 已删库，无法继续根据接口文档开发功能，此项目不再维护\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/gaomingzhao666/Spotify-Web-Player\"\u003e\n    \u003cimg src=\"/public/logo.svg\" alt=\"Logo\" width=\"100\" height=\"100\"\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eSpotify Web Player\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    🎧 以 Spotify 为UI层开发的在线音乐APP 🎧\n    \u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://github.com/gaomingzhao666/Spotify-Web-Player/blob/master/README.md\"\u003eEnglish\u003c/a\u003e\n      \u003cstrong\u003e · \u003c/strong\u003e\n    \u003ca href=\"https://github.com/gaomingzhao666/Spotify-Web-Player/blob/master/README-CN.md\"\u003e简体中文\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails open\u003e\n  \u003csummary\u003e目录\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"#项目介绍\"\u003e项目介绍\u003c/a\u003e \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#技术栈\"\u003e技术栈\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#环境要求\"\u003e环境要求\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#安装与运行---服务端\"\u003e安装与运行 - 服务器\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#安装与运行---客户端\"\u003e安装与运行 - 前端\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#解决跨域问题\"\u003e解决跨域问题\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#ui-设计参考\"\u003eUI设计参考\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#贡献者\"\u003e贡献者\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#开源协议\"\u003e开源协议\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## 项目介绍\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"/SCREENSHOT/index-mockup.png\"\u003e\n\u003c/p\u003e\n\n\u003e 上述界面为平板尺寸的应用首页，了解更多请深入 [点击此处](https://github.com/gaomingzhao666/Spotify-Web-Player/tree/main/SCREENSHOT)\n\nSpotify - Web Player 是一个在线音乐平台项目，基于 Vue3 组合式 API + Element Plus，后端使用网易云音乐的数据，相比于网易云音乐去掉了冗余的模块，仅保留基本功能, 目前还在开发中。\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003e返回顶部\u003c/a\u003e)\u003c/p\u003e\n\n## 技术栈\n\n- Vue3 with composition API\n- Vue-router\n- Pinia\n- Vite\n- Less\n- Element-plus\n- ES6+\n- Fetch\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003e返回顶部\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 环境要求\n\n- NodeJS 16+\n- Chrome67+ / Edge79+ / Safari12+\n- 对电脑与平板页面尺寸作响应式适配\n\n## 安装与运行 - 服务端\n\n```sh\n$ # clone the project\n$ git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git\n$ cd NeteaseCloudMusicApi\n$ node app.js\n```\n\n## 安装与运行 - 客户端\n\n```sh\n$ # clone the project\n$ git clone https://github.com/gaomingzhao666/Spotify-Web-Player.git\n$ # install dependencies and run it\n$ # recommend pnpm as a package manager that more faster than npm and the grammar is similar with npm\n$ pnpm install\n$ pnpm run dev\n```\n\n## 解决跨域问题\n\n##### 默认情况下, 由于未设置跨域允许，可能会造成无法使用或者白屏问题, 解决此问题可能有以下方法\n\n- 使用浏览器插件将跨域请求改为允许\n- 在前端发送网络请求时设置跨域允许\n- 后端在编写接口时改为跨域允许\n- 使用构建器\n\n##### 我们以第一种方法为例\n\n推荐 [Allow CORS](https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf) 插件, 下载安装后在使用此项目时启用它即可, 当然你也可以自行选择其他插件或者其他方法来解决跨域问题\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003e返回顶部\u003c/a\u003e)\u003c/p\u003e\n\n## UI 设计参考\n\n[YouTube](https://www.youtube.com)\n[Spotify](https://www.spotify.com/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003e返回顶部\u003c/a\u003e)\u003c/p\u003e\n\n## 贡献者\n\n此项目由 [gaomingzhao666@Nano](https://github.com/gaomingzhao666) 开发，后端接口支持(因版权原因现已停止维护)为 - [NeteaseCloudMusicApi](https://github.com/Binaryify/NeteaseCloudMusicApi)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003e返回顶部\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 开源协议\n\n[Apache License 2.0](https://github.com/gaomingzhao666/Spotify-Web-Player/blob/master/LICENSE)\n\ngaomingzhao666/Spotify-Web-Player is licensed under the Apache License 2.0. A permissive license whose main conditions require preservation of copyright and license notices. Contributors provide an express grant of patent rights. Licensed works, modifications, and larger works may be distributed under different terms and without source code.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003e返回顶部\u003c/a\u003e)\u003c/p\u003e\n\n[stars-shield]: https://img.shields.io/github/stars/gaomingzhao666/Spotify-Web-Player?style=for-the-badge\n[stars-url]: https://github.com/gaomingzhao666/Spotify-Web-Player/stargazers\n[license-shield]: https://img.shields.io/hexpm/l/apa?style=for-the-badge\n[license-url]: https://github.com/gaomingzhao666/Spotify-Web-Player/blob/master/LICENSE\n[release-shield]: https://img.shields.io/github/v/release/gaomingzhao666/spotify-web-player?style=for-the-badge\n[release-url]: https://github.com/gaomingzhao666/Spotify-Web-Player/releases/tag\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaomingzhao666%2Fspotify-web-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaomingzhao666%2Fspotify-web-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaomingzhao666%2Fspotify-web-player/lists"}