/music

功能比较齐全的音乐播放器

Primary LanguageVue

模仿网易云音乐播放器

模仿网易云的音乐播放器,实现了基本功能。还有一些功能,没有一一展示,后续还会增加一些功能。 主要的技术难点,就是实现音乐的播放,还有歌曲滚动。用到了$emit $on $parent等传值方式。

主要技术

  1. Vue
  2. ElementUi
  3. VueCli 4.部分样式用到了less 5.axios

目前功能(后续还会添加)

  • 首页
  • 歌单
  • 排行榜
  • 最新音乐
  • 视频和mv
  • 登录
  • 歌单详情
  • 歌曲详情
  • 视频和mv详情
  • 歌曲、mv、歌单、视频评论
  • 收藏歌单
  • 相似mv
  • 搜索详情
  • 自动播放

项目效果展示

视频预览地址:https://www.bilibili.com/video/bv1dy4y1r7jg

首页

歌单

排行榜

最新音乐

视频和mv

登录

歌单详情

歌曲详情

视频和mv详情

快速启动

进入music根目录,安装所需依赖

npm install # 安装项目所需的依赖
npm run serve #启动项目服务

然后下载大佬的接口,根据上面的提示安装即可 接口网址https://binaryify.github.io/NeteaseCloudMusicApi/

致谢

本项目基于或参考以下项目:

  1. 后台接口项目