基于vue2.0的音乐播放器(持续更新)

原创 lxyisme 教程 vue实践 8925阅读 2017-05-07 23:17:41 举报

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

大家如果觉得不错的话可以点个star

关于我,欢迎关注
作者:潇禹

源代码

源代码地址: GitHub
欢迎大家star和follow

在线预览

在线预览地址: Vue音乐播放器

基于vue2.0的音乐播放器(持续更新)

预览图

home

基于vue2.0的音乐播放器(持续更新)

基于vue2.0的音乐播放器(持续更新)

基于vue2.0的音乐播放器(持续更新)

基于vue2.0的音乐播放器(持续更新)

基于vue2.0的音乐播放器(持续更新)

基于vue2.0的音乐播放器(持续更新)

使用依赖

animate.css
vue-router
vue-resource
webpack
vue-awesome-swiper...

目录结构

├── README.md
├── config // 项目不同环境的配置
├── index.html // 项目入口文件
├── dist // 项目build目录
├── package.json // 项目配置文件
├── src // 生产目录
│   ├── assets // css js 和图片资源
│    │ ├── css
│   │ ├── iconfont
│    │ ├── img
│    │ └── js
│   ├── components // 各种组件
│    │ ├── loading
│    │ ├── carousel.vue
│    │ ├── header.vue
│    │ ├── home.vue
│    │ ├── musicList.vue
│    │ ├── navBar.vue
│    │ ├── playInfo.vue
│    │ ├── playBar.vue
│    │ ├── raking.vue
│    │ ├── search.vue
│    │ └── toplist.vue
│   ├── store // vuex状态管理器
│    │ ├── action.js
│    │ ├── getters.js
│    │ ├── index.js
│    │ ├── mutations.js
│    │ ├── state.js
│    │ └── types.js
│   ├── json           // 推荐页面数据
│    │ └── recommend.json
│   ├── App.vue
│   └── main.js // Webpack 预编译入口

已实现功能:

音乐播放
自动播放下一曲
音乐列表(增删)
下一曲
排行榜
排行榜详情页
搜索
loading
播放详情页
滚动歌词
展示音乐进度
音乐进度的拖拽


欢迎技术交流,xiaoyuliu.webdeveloper@gmail.com
微信:13216210763(欢迎“骚扰”)

评论 ( 20 )
最新评论
lxyisme 19F 2017-05-18 19:17:34 20F

谢谢谢谢

zhj19930929 2017-05-18 18:55:00 19F

有点厉害了!


lxyisme 17F 2017-05-18 12:45:27 18F

谢谢谢谢

luotingv1 2017-05-18 11:45:56 17F

很棒哎

lxyisme 15F 2017-05-11 19:12:55 16F

没试过

sharminKid 2017-05-11 17:00:57 15F

大神,网易的API能用吗?

lxyisme 13F 2017-05-11 15:18:30 14F

文内有github的源码地址链接,觉得不错记得给个star噢

17858834814 12F 2017-05-11 09:32:50 13F

哦哦 好的 怎么下载你的源码啊

lxyisme 11F 2017-05-11 09:06:49 12F

再加个button就可以了,我觉得加上不好看就没加

17858834814 8F 2017-05-11 08:48:14 11F

就是上面的最后一张截图

17858834814 8F 2017-05-11 08:46:01 10F

恩恩 那个我看见的 我说的是前面播放那个没有上一首 只有下一首 其实你做的真不错 赞一个

lxyisme 7F 2017-05-10 23:05:20 9F

好的我会温柔点的,加个渐进怎么样

lxyisme 6F 2017-05-10 23:04:36 8F

在播放详情页里有上一首

穿男孩的小裤子 2017-05-10 16:56:30 7F

加载页面能温柔点就好了,老这么弹一下心脏受不了啊

17858834814 2017-05-10 10:35:49 6F

什么时候有 上一首啊

chj9836 2017-05-08 11:59:42 5F

666

lxyisme 3F 2017-05-08 10:58:05 4F

觉得不错可以去github上给个star

huahua_1994 2017-05-08 10:42:56 3F

厉害

lxyisme 1F 2017-05-08 10:02:38 2F

目前不打算建群,你可以加微信问问题,等有群了通知你

fantasy525 2017-05-08 09:46:33 1F

搞个群,给新手指路啊