Vue>> vue-demo-music>> 返回
项目作者： javaSwing

项目描述 ：
这是一个用Vue写的简单音乐demo
高级语言： Vue
项目地址: git://github.com/javaSwing/vue-demo-music.git


demo-music react hook版本

使用 typescript开发，版本依赖如下:

  • "react": "^17.0.1"
  • "react-dom": "^17.0.1"
  • "typescript": "^4.1.3"

另外有旧的vue2版本的代码，地址

核心

  • redux部分使用了 redux-toolkit进行简化编写
  • audio部分使用了 react-use-audio-player插件进行编写

运行

请先确认本地已经安装了docker，后台服务是通过docker镜像启用。执行以下shell脚本

  1. docker pull binaryify/netease_cloud_music_api
  3. docker run -d -p 9000:3000 --name netease_cloud_music_api    binaryify/netease_cloud_music_api
  5. # 安装依赖
  6. yarn
  7. # 之后启动项目
  8. yarn start

todo

  • 列表scroll-view组件的封装
  • 播放器列表的功能的实现及mini模式组件
  • play-list组件功能的完善
  • 真机模式下的详细调试

运行图

image
Kapture 2021-08-02 at 23 00 11

鸣谢