vue网易云音乐v2.0(mv播放等你来看)

网易云音乐

但愿它在用vue高仿网易云音乐webapp的路上走的更远,咱们的目标是更像,更快,更优雅css

vue网易云音乐webapp版

Star,Star,Star,这是对我最大的鼓励,重要的话说三遍,广告就要放在最显眼的地方,哈哈。vue

  • api来源(再次感谢Binaryify不断更新的网易云音乐接口,这也将是这个项目不断拓展下去的坚实依托,看着他的star蹭蹭蹭的往上涨,我必须厚着脸皮说有我一份功劳)webpack

  • 源码地址ios

  • 项目预览(web端在chrome调试模式下效果更佳)git

  • 针对segmenfault类app暂时没法有效预览的问题,建议粘贴 http://118.89.226.181:8080 到手机其余浏览器体验github

  • 项目所提供请求地址但愿仅供预览使用,本地开发建议参考api来源,配置本地服务器代理web

  • 这是个连载的故事,预知前事如何,请跳转网易云音乐v1.0,如今我主要讲的是这个版本的更新内容vue-router

技术栈

  • Vue2:基于vue2进行组件化,模块化开发chrome

  • Vuex:管理公共组件状态量vue-cli

  • vue-router:管理单页面应用路由

  • axios:发起http请求

  • stylus:css预处理语言

  • Express:vue-cli使用Express作服务器。

  • Webpack:自动化构建工具,主要配置vue-cli脚手架提供。

  • ES6:采用ES6语法。

  • CSS3:CSS3动画及样式。

功能介绍

v2.0 | 2017.07.01

  • 新增功能

    • mv播放详情页,包括mv播放,mv介绍,类似mv,mv评论,类似mv播放切换

    • 歌手详情页:歌手mv

    • 专辑详情页:专辑评论,专辑介绍详情

    • 歌单详情页:歌单评论,歌单介绍详情

    • 个性推荐增长最新音乐,主播电台

    • 排行榜增长全球榜

    • 排行榜榜单详情页,包括歌曲排名,歌单评论

    • 上滑歌单组件歌单循环,单曲,随机播放切换,歌曲播放效果增长

  • 功能优化

    • 转场效果优化

    • 播放展现功能优化

  • 组件优化

  • UI框架统一为vux(历史遗留问题)

新增功能效果图

mv播放机mv评论
歌单排行榜全球版及评论
点击播放所有,歌曲循环,随机,单曲切换,专辑歌单详情,评论等

图片就到这里,more

最后!!!!!

1.感谢github,感Gay(git)hub一样在分享的你,让我能站在巨人的肩膀上

2.感谢Binaryify对接口文档的不断维护与更新。

3.在下个版本前我可能会和你们分享下定制mv视频播放器部分遇到的一些坑以及基于vue-cli的webpack打包优化,如何有兴趣能够watch me!!!

到这里,欢迎你们提issue,输出pr,点star,若是喜欢更能够watch,下阶段项目进展请关注v3.0小黑板,若是你在关注这个项目,请把你的想法或者看到的项目中的那些不足告诉我,或者在小黑板板上留言。本项目仅供学习交流使用,切勿用于商业用途,若有侵犯第三方版权问题及时联系我

相关文章
相关标签/搜索