https://github.com/harhao/qqmusicplayerwebapp

高仿QQ音乐移动端(webapp)
https://github.com/harhao/qqmusicplayerwebapp

axios express fastclick flexbox html5-audio nodejs proxy vue vue-cli vue-lazyload vue-router vuex

Last synced: 24 days ago
JSON representation

高仿QQ音乐移动端(webapp)

• Host: GitHub
• URL: https://github.com/harhao/qqmusicplayerwebapp
• Owner: Harhao
• License: mit
• Created: 2018-01-09T08:00:04.000Z (almost 7 years ago)
• Default Branch: V2
• Last Pushed: 2022-12-07T17:04:08.000Z (about 2 years ago)
• Last Synced: 2023-03-02T15:37:24.647Z (almost 2 years ago)
• Topics: axios, express, fastclick, flexbox, html5-audio, nodejs, proxy, vue, vue-cli, vue-lazyload, vue-router, vuex
• Language: Vue
• Homepage:
• Size: 24.9 MB
• Stars: 10
• Watchers: 2
• Forks: 4
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## QQMusicPlayer(搭建的高仿QQ音乐移动端)

[![Build Status](https://travis-ci.com/Harhao/QQMusicPlayerWebApp.svg?branch=V2)](https://travis-ci.com/Harhao/QQMusicPlayerWebApp)

[![](https://img.shields.io/badge/vue-2.5.2-brightgreen)](https://img.shields.io/badge/vue-2.5.2-brightgreen)

[![](https://img.shields.io/badge/vuex-v3.0.1-brightgreen)](https://img.shields.io/badge/vuex-v3.0.1-brightgreen)

[![](https://img.shields.io/badge/vue--router-v3.0.1-brightgreen)](https://img.shields.io/badge/vue--router-v3.0.1-brightgreen)

### 使用方法：

- 通过git的方式下载源码，git地址如下所示:

```

[email protected]:laternkiwis/QQMusicPlayer.git

```

- 然后在根目录下的client下，运行以下命令安装依赖项目文件:

```

npm install

```

- 项目歌曲解析是用Nodejs的Express框架提供的API接口，可以直接在server目录下运行以下命令，启动服务

```

npm start

```

- 启动项目：

```

npm run dev

```

### 运行效果如下所示



  



- 运行如出现异常原因:

> 无法点击tab选项，主要是采用的是用数组模拟播放队列，audio加载的一直都是数组的首个元素；而QQ音乐的媒体音乐v_key值是有时间限制的，一段时间过后就会失效，所以如果出现异常，自己可以上QQ音乐查看一首歌的媒体media文件路径并填充在store.js文件的相应字段里面(v_key和songSrc的最新值)，如果发现异常就请求真实QQ音乐平台上的V_key值进行填充。

如果出现添加歌曲到播放列表，然后点击下一首，一直报出错误。原因是同上面一样，V_key值失效了。所以可以更新store.js的Mkey值。然后就可以成功运行。

## License

[MIT](http://opensource.org/licenses/MIT)