运用Vue2.0制造音乐播放器

基于Vue2.0的音乐播放器(QQ音乐API)

该运用运用Vue百口桶完成,借助QQ音乐api来完成音乐搜刮播放,运用延续更新中…

源代码

源代码地点:GitHub
假如以为还不错的人人能够给个star我会延续更新的(github附QQ音乐api整顿)

效果图

《运用Vue2.0制造音乐播放器》

在线预览

在线预览地点: Vue音乐播放器 (PC端请在浏览器的挪动端形式下检察)
《运用Vue2.0制造音乐播放器》

运用 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
   播放详情页
   转动歌词
   展现音乐进度
   音乐进度的拖拽
   侧边栏

迎接技术交流,xiaoyuliu.webdeveloper@gmail.com

微信:13216210763 (迎接人人“骚扰”)

    原文作者:潇禹
    原文地址: https://segmentfault.com/a/1190000009324947
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞