##VueMuisc
简介:
· 在线预览地址:http://101.132.128.94/
· 项目在 vue-cli 的基础上编写,通过 QQ音乐 的接口拉取真实数据填充内容,已经完善播放内核,以及基本切歌、歌词功能。已经实现了的功能:
- 歌单推荐
- 歌手列表
- 热门歌手、全部歌手
- 快速入口列表(热门 + A - Z)
- 歌单排行
- 歌手详情
- 歌单详情
- 歌曲、歌手搜索
- 播放内核
- 播放音乐
- 暂停播放
- 上一首
- 下一首
- 顺序播放
- 单曲循环
- 随机播放
- 滚动歌词
- 音乐进度展示
- 进度条拖拽
- 歌单头像、歌手头像图片懒加载
· 前端:Vue + vuex + webpack + nodeJS + JSONP + axios
· 后台:大部分接口都是通过 JSONP 跨域请求的,但是有两个特殊的接口限制了 host,所以在 NodeJS 里通过 axios 代理设置 header 获取。(项目演示的服务器上已经部署 nodeJS)
部分内容展示:
- 歌单推荐
- 歌手列表
- 歌手详情
- 歌单排行
- 播放内核
- 加载效果
待添加内容:
个人中心、搜索记录、歌曲列表、收藏歌曲、歌单操作、登录注册(MongoDB)、切换模式提醒……