vue2.0网易云音乐播放器 (实时更新)

原创 2017年07月11日 15:22:48
本人在自学vue,之后想在学习过程中加以实践。由于之前有做过jquery的播放器效果,ui仿照网易云,地址 www.daiwei.org/music
于是就想做vue 的网易云播放器,网上也有类似的项目。看了一下都挺不错的,于是就想自己做一个试试

项目基于 Vue 2.0  使用Vue-router,axios获取本地的data.json文件(所有的用户,音乐信息),以及vuex 的状态管理

本人也是一枚小白,边学习边做的,这个播放器有什么不足之处,希望各位可以提出意见建议,我们共同学习进步.

GitHub地址:  https://github.com/IFmiss/vue-cloud-music 欢迎Star!!!

线上演示地址:  http://www.daiwei.org/vue-music.html


这个项目会一直更新,还有很多模块需要去完成,下一步就是歌词的内容了


首页 及侧边栏信息

首页 及侧边栏信息


底部播放 和 浮层音乐列表信息

Vue2.0网易云音乐播放器


播放详情页 播放暂停效果

Vue2.0网易云音乐播放器


播放详情切歌效果

Vue2.0网易云音乐播放器


新增歌单显示效果

Vue2.0网易云音乐播放器


新增歌单图片下载页

Vue2.0网易云音乐播放器

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

vue音乐播放器插件vue-aplayer的配置及其使用

昨天在vue的官网上看到vue-aplayer这个音乐播放器的插件,由于个人有比较喜欢音乐,所以就拿过来玩一玩,感觉还是比较实用的,界面美观。 首先,我们先安装 npm install vue-apl...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

用Vue搭建一个网易云播放器(一)

之前看了一个博主用vue搭建的网易云播放器,于是有了想法。最近没有什么项目,看书也看得无聊了,确确实实想来写点代码,那么就开始吧。1.音乐资源首先调研了一下一些开放的音乐API:豆瓣音乐、QQ音乐,还...

vue 2.0系列QQ音乐播放器案例

我可能做了一个假的qq音乐demo, 本demo参考 https://y.qq.com 开发的,难怪跟网上其他人的案例界面不一样。。。Orz Build Setup git clone https:...

每个人都能做的网易云音乐[vue全家桶]

仿网易云音乐(webapp) 项目地址 (project address) api来源 感谢binaryify让我能用喜欢的东西做一个属于自己的播放器! http://www.tui...

用vue.js做一个网易云音乐

前言:自己学习VUEJS也一段时间,但一直没有做出来一东西。我自己一直喜欢用网易云音乐app,于是乎就做了这个app。 技术栈 vue全家桶 (vue vue-router vuex) ...

vue与cordova整合,生成webapp

在创建项目的过程中,遇到了很多问题,在此记录一下。 根据vue官网,制作vue项目之后,运行npm run dev,可以在浏览器中正常运行,运行npm run build, 生成文件放在cordova...
  • qdrfcv
  • qdrfcv
  • 2017年07月11日 15:36
  • 3423

VS Code折腾记 - (2) 快捷键大全,没有更全

前言VSCode的快捷键继承了一些IDE风格,有VS的身影,也有Emacs的身影。。简言之,内置快捷键玩熟了,效率提高不是一点两点。VsCode 快捷键有五种组合方式(科普) Ctrl + Shift...
  • bomess
  • bomess
  • 2017年01月05日 22:39
  • 25731

树莓派网易云音乐播放器

来源之前毕业的时候实在闲的无聊,正好手头上有个树莓派,就写了个简单的网易云音乐播放器,代码很简单,写的也很乱,功能更简单–只能搜索歌曲,然后播放之,放在了github上,没想到竟然收到三十多颗星,实在...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:vue2.0网易云音乐播放器 (实时更新)
举报原因:
原因补充:

(最多只允许输入30个字)