基于 React + Vite + TypeScript 的仿网易云音乐播放器,使用一行 npm 命令即可在本地运行前后端。
- 脚手架搭建
- NodeJS代理解决API接口跨域问题
- 音乐播放器
- 音乐可视化
- 开始/暂停
- 上一首 / 下一首
- 音量设置
- 循环模式设置
- 播放列表
- 清空播放列表
- 删除播放列表中的某首歌
- 下载
- 添加到歌单
- 歌词展示
- 歌词随进度滚动
- 进度条
- 歌曲播放进度展示
- 拖动进度
- 发现音乐页面
- 图片轮播
- 推荐歌单
- 最新音乐
- 歌单详情页面
- 歌单信息
- 歌曲列表
- 评论列表
- 我的歌单页面
- 查看创建与收藏的歌单
- 删除歌单
- 歌曲详情页面
- 歌曲信息
- 歌曲评论
- 私人FM页面
- 简化版播放器
- 专辑页面
- 专辑信息
- 歌曲列表
- 评论
- 歌手页面
- 热门作品
- 歌手介绍
- 歌手专辑
- 搜索页面(待优化)
- 用户页面
- 视频页面
$ git clone --depth=1 https://github.com/Lisianthus-A/react-music.git
$ npm install
$ npm run start
运行命令后,在浏览器地址栏输入 localhost:4000
即可打开页面。前端默认运行在 4000 端口,后端在 4001 端口。
可在 ./vite.config.ts
和 ./server/app.js
中修改默认端口。
API 来自 NeteaseCloudMusicApi