本项目使用 vue、element-ui、axios 等技术,以网易云音乐PC客户端为模板实现了功能较为完善的网页播放器
- 搜索面板及搜索结果面板
- 发现面板(只包含轮播图和推荐歌单)
- 创建的歌单(只包含收藏的音乐)
- 收藏的歌单
- 播放器(包括底部播放器以及点击封面弹出的歌词页面)
- 专辑页面(复用歌单页面)
- 歌手页面(包括专辑列表(列表样式)和歌手详情)
账号、视频、直播等相关内容均未实现;
未考虑兼容性、移动端适配等问题;
不同页面中包含的子项的跳转(比如单曲列表中点击歌手跳转到歌手页面)比较繁琐,并且会增加需要持有的数据,意义不大,故没有做;
本项目需要 NeteaseCloudMusicApi(版本:4.0.9) 在端口3000运行
$ npm install
$ npm run serve
发现音乐页面
歌单页面
搜索面板及搜索结果页面
播放面板(歌词滚动)
歌手页面