基于Vue2.0的音乐播放器

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

使用vue2.0制作的音乐播放器（基于qq音乐api）持续更新中…

该应用使用Vue全家桶完成，借助QQ音乐api来实现音乐搜索播放，应用持续更新中…

关于我，欢迎关注

作者：潇禹 lxyisme

源代码

源代码地址：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 播放详情页滚动歌词展示音乐进度音乐进度的拖拽