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网易云音乐播放器
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

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

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

树莓派网易云音乐播放器

来源之前毕业的时候实在闲的无聊,正好手头上有个树莓派,就写了个简单的网易云音乐播放器,代码很简单,写的也很乱,功能更简单–只能搜索歌曲,然后播放之,放在了github上,没想到竟然收到三十多颗星,实在...

史上最牛逼的音乐播放器—仿网易云音乐(已开源)

前言:音乐播放器倒见过不少,做到几乎和官方网易云音乐安卓版差不多的,还是头第一回见。aa112901 的这款仿网易云音乐安卓版客户端,很多地方值得我们学习。无论是下载模块,还是换肤模块,还是炫丽的UI...

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

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

JS不跨域操控网易云音乐外链播放器

JS不跨域操控网易云音乐外链播放器今天写个人网站,用到了背景音乐。 一开始想使用H5的audio标签,蛮成功的,但是传到服务器上后加载缓慢(腾讯云服务器学生优惠版,最低的配置),体验很差。使用外链播...
  • sqlxy
  • sqlxy
  • 2017-02-04 20:11
  • 171

Html5+Css3实现类似网易云音乐的移动版播放器

网易云音乐的网页版是没有移动页面的,我突发奇想,来做一个玩玩: http://followyourheart.sinaapp.com/Demos/musicPlayer/Index.html 主要用到...

模仿网易云音乐移动端播放器

转载请注明出处:http://my.csdn.net/ou1114910138 或我的博客园  http://www.cnblogs.com/wangoublog/p/5765072.html 网页...

Html5+Css3实现类似网易云音乐的移动版播放器

Demo Demo链接如下(支持Chrome与Safari,其它浏览器未测试)并非太完善,主体功能已实现,其它功能有时间在加上吧。 http://followyourheart.sinaapp.c...

Vue2.0音乐播放器

学习了几周的vuejs,学习的过程中做了一个音乐播放器WebApp (顺便听听音乐~) ,过程中也有借鉴过别人做的,感觉受益匪浅链接项目在线地址 : 音乐播放器 github : https://...

debian9更新163源、配置中文输入及安装网易云音乐

前置废话,请自行跳过看到Fedora更新到了26,就根本无法控制自己的双手,打算用我废弃的笔记本安装一个玩玩,好歹上面还有一个60G的intel固态呢,不能浪费!结果卡在了网易云音乐上一个早上...我...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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