hf1120 / vue-music

基于vue开发的移动端播放器

##VueMuisc

简介：

· 在线预览地址：http://101.132.128.94/

· 项目在 vue-cli 的基础上编写，通过 QQ音乐 的接口拉取真实数据填充内容，已经完善播放内核，以及基本切歌、歌词功能。已经实现了的功能：

• 歌单推荐
• 歌手列表
  • 热门歌手、全部歌手
  • 快速入口列表（热门 + A - Z）
• 歌单排行
• 歌手详情
• 歌单详情
• 歌曲、歌手搜索
• 播放内核
  • 播放音乐
  • 暂停播放
  • 上一首
  • 下一首
  • 顺序播放
  • 单曲循环
  • 随机播放
  • 滚动歌词
  • 音乐进度展示
  • 进度条拖拽
• 歌单头像、歌手头像图片懒加载

· 前端：Vue + vuex + webpack + nodeJS + JSONP + axios

· 后台：大部分接口都是通过 JSONP 跨域请求的，但是有两个特殊的接口限制了 host，所以在 NodeJS 里通过 axios 代理设置 header 获取。（项目演示的服务器上已经部署 nodeJS）

部分内容展示：

• 歌单推荐

• 歌手列表

• 歌手详情

• 歌单排行

• 播放内核

• 加载效果

待添加内容：

个人中心、搜索记录、歌曲列表、收藏歌曲、歌单操作、登录注册（MongoDB）、切换模式提醒……