Giter VIP home page Giter VIP logo

qqmusicplayerwebapp's Introduction

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

Build Status

使用方法:

  • 通过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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.