基于Vue2.0的音乐播放器(QQ音乐API)
该运用运用Vue百口桶完成,借助QQ音乐api来完成音乐搜刮播放,运用延续更新中…
源代码
源代码地点:GitHub
假如以为还不错的人人能够给个star我会延续更新的(github附QQ音乐api整顿)
效果图
在线预览
在线预览地点: Vue音乐播放器 (PC端请在浏览器的挪动端形式下检察)
运用 Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
运用依靠
animate.css
vue-router
vue-resource
webpack
vue-awesome-swiper...
目次构造
├── README.md
├── config // 项目差别环境的设置
├── index.html // 项目进口文件
├── dist // 项目build目次
├── package.json // 项目设置文件
├── src // 临盆目次
│ ├── assets // css js 和图片资本
│ ├── components // 种种组件
│ ├── store // vuex状况管理器
│ ├── json // 引荐页面数据
│ ├── App.vue
│ └── main.js // Webpack 预编译进口
已完成功用:
音乐播放
自动播放下一曲
音乐列表(增删)
下一曲
排行榜
排行榜详情页
搜刮
loading
播放详情页
转动歌词
展现音乐进度
音乐进度的拖拽
侧边栏