Code Monkey home page Code Monkey logo

neteasemusic's Introduction

neteasemusic

guguji's music demo

这个demo旨在练习vue.js,尝试用vue2.0重构网易云音乐pc版。后台接口是从网上找的开源的网易云音乐的api。 下载到本地并执行node app然后监听localhost:3000端口即可访问。

后台api是本地获取数据必备

安装

#download repository
git clone https://github.com/guguji5/NeteaseMusic.git

#switch file catalog
cd NeteaseMusic/neteaseMusic/

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

实现功能

  1. H5 audio实现音乐播放 ★★
  2. 拖拽,点击改变歌曲进度 ★
  3. 歌词同步展示 ★★
  4. 歌曲清单功能及上一曲,下一曲功能 ★
  5. vuex组件,单一状态管理 ★★
  6. vue-router路由管理 ★

neteasemusic's People

Watchers

James Cloos avatar kim avatar

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.