{"id":23003526,"url":"https://github.com/harhao/qqmusicplayerwebapp","last_synced_at":"2025-08-14T01:32:04.285Z","repository":{"id":44980047,"uuid":"116784779","full_name":"Harhao/QQMusicPlayerWebApp","owner":"Harhao","description":"高仿QQ音乐移动端(webapp)","archived":false,"fork":false,"pushed_at":"2022-12-07T17:04:08.000Z","size":26111,"stargazers_count":10,"open_issues_count":8,"forks_count":4,"subscribers_count":2,"default_branch":"V2","last_synced_at":"2023-03-02T15:37:24.647Z","etag":null,"topics":["axios","express","fastclick","flexbox","html5-audio","nodejs","proxy","vue","vue-cli","vue-lazyload","vue-router","vuex"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Harhao.png","metadata":{"files":{"readme":"README.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}},"created_at":"2018-01-09T08:00:04.000Z","updated_at":"2019-11-11T13:03:12.000Z","dependencies_parsed_at":"2023-01-24T23:30:39.723Z","dependency_job_id":null,"html_url":"https://github.com/Harhao/QQMusicPlayerWebApp","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harhao%2FQQMusicPlayerWebApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harhao%2FQQMusicPlayerWebApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harhao%2FQQMusicPlayerWebApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harhao%2FQQMusicPlayerWebApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Harhao","download_url":"https://codeload.github.com/Harhao/QQMusicPlayerWebApp/tar.gz/refs/heads/V2","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229790956,"owners_count":18124608,"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":["axios","express","fastclick","flexbox","html5-audio","nodejs","proxy","vue","vue-cli","vue-lazyload","vue-router","vuex"],"created_at":"2024-12-15T07:14:33.403Z","updated_at":"2024-12-15T07:14:33.955Z","avatar_url":"https://github.com/Harhao.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"## QQMusicPlayer(搭建的高仿QQ音乐移动端)\n\n[![Build Status](https://travis-ci.com/Harhao/QQMusicPlayerWebApp.svg?branch=V2)](https://travis-ci.com/Harhao/QQMusicPlayerWebApp)\n[![](https://img.shields.io/badge/vue-2.5.2-brightgreen)](https://img.shields.io/badge/vue-2.5.2-brightgreen)\n[![](https://img.shields.io/badge/vuex-v3.0.1-brightgreen)](https://img.shields.io/badge/vuex-v3.0.1-brightgreen)\n[![](https://img.shields.io/badge/vue--router-v3.0.1-brightgreen)](https://img.shields.io/badge/vue--router-v3.0.1-brightgreen)\n\n### 使用方法：\n- 通过git的方式下载源码，git地址如下所示:\n```\ngit@github.com:laternkiwis/QQMusicPlayer.git\n```\n- 然后在根目录下的client下，运行以下命令安装依赖项目文件:\n```\nnpm install\n```\n- 项目歌曲解析是用Nodejs的Express框架提供的API接口，可以直接在server目录下运行以下命令，启动服务\n```\nnpm start\n```\n- 启动项目：\n```\nnpm run dev\n```\n### 运行效果如下所示\n\u003cdiv align=center\u003e\n  \u003cimg src=\"https://github.com/laternkiwis/QQMusicPlayerWebApp/blob/master/Vuejs/screenshot/1.gif\"/\u003e\n\u003c/div\u003e\n\n- 运行如出现异常原因:\n\u003e 无法点击tab选项，主要是采用的是用数组模拟播放队列，audio加载的一直都是数组的首个元素；而QQ音乐的媒体音乐v_key值是有时间限制的，一段时间过后就会失效，所以如果出现异常，自己可以上QQ音乐查看一首歌的媒体media文件路径并填充在store.js文件的相应字段里面(v_key和songSrc的最新值)，如果发现异常就请求真实QQ音乐平台上的V_key值进行填充。\n如果出现添加歌曲到播放列表，然后点击下一首，一直报出错误。原因是同上面一样，V_key值失效了。所以可以更新store.js的Mkey值。然后就可以成功运行。\n## License\n[MIT](http://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharhao%2Fqqmusicplayerwebapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharhao%2Fqqmusicplayerwebapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharhao%2Fqqmusicplayerwebapp/lists"}