Web学员作品-音乐播放器项目

Fun4 music(名称为自定)音乐播放器—基于网易云音乐app仿写实现基本音乐播放器功能

项目需求：

通过网络检索，查找qq音乐链接，进行调用，实现音乐app基本功能实现：

包括：

播放：歌曲基本播放功能实现、随机音乐播放，底部迷你播放器;

榜单：实现同步链接调用后，同步网络歌曲流行音乐榜单、新歌榜单、网络歌曲榜单、歌手榜单、随机实现不同网络歌曲推荐等榜单实现;

搜索：实现对歌星或歌曲关键词检索，获取对应歌曲列表或歌曲信息，并实现信息跳转播放;

项目结构：

如图所示：主要包括qq音乐网络链接api、静态资源文件夹、插件文件夹、公用css\js资源文件夹、组建列表、组建库等。

项目技术栈：

使用vue-cli 2.6x 搭建项目基础、配合mui、vue router、vuex、axios实现基本组件搭建、图标库、按钮组、路由跳转、以及歌曲列表抓取、歌曲缓存;结合better-scroll、swiper、lazy-loader插件实现下拉列表、轮播图、懒加载功能的实现;

项目重难点：

项目布局以flex布局为基础，对个别组件进行微调;

项目链接url地址获取以jsonp为基础，结合api拼接，进行跨域调用;

项目技术以vue全家桶为基础，结合插件使用，实现数据绑定、挂载，以及视图层界面列表排序等;

项目未实现功能：

个别歌手链接被屏蔽;

收藏功能未实现;

用户界面未实现;

歌星专辑排序未实现等;

项目效果：