Skip to content

React Netease Music——一个基于 React、TypeScript 的高仿网易云播放器

Notifications You must be signed in to change notification settings

kakachake/cloud_music_monorepo

Repository files navigation

React Netease Music

React Netease Music——一个基于 React、TypeScript 的高仿网易云播放器。

项目体验地址

高仿网易云音乐播放器

功能列表

  • 登录目前仅支持扫码登录)
  • 发现页
    • banner
    • 推荐歌单
  • 全部歌单页
    • 歌单分类查询
    • 精品歌单
  • 排行榜页
  • 歌单详情页
  • 专辑详情页
  • 音乐播放详情页
    • 歌曲评论
    • 歌词滚动
    • 点赞/取消点赞歌曲评论
    • 歌曲所在歌单
    • 相似歌曲推荐
    • 收藏到歌单
  • 播放记录功能
    • 播放列表
    • 历史记录
  • 搜索功能
    • 热门搜索关键字
    • 搜索建议
    • 搜索结果页
      • 单曲
      • 歌手
      • 专辑
      • 歌单
      • 用户
  • 创建的歌单列表
  • 收藏的歌单列表
  • 全屏纯享
  • 私人 FM
  • 所有歌手页
  • 歌手详情页
  • MV 相关的页面与功能
  • 用户详情页
  • 创建/编辑/删除歌单
  • 私信/@我/评论等通知功能
  • 主题换肤

技术栈

  • React
  • TypeScript
  • axios
  • redux,redux-tookit,redux-persist
  • postcss
  • antd-icon
  • style-components
  • prettier
  • CSS Modules
  • Webpack
  • Eslint 做代码检查
  • electron 打包客户端
  • husky 做 git hooks
  • commitlint 做 git commit hooks
  • commitizen 做 commit 规范
  • 项目没有使用额外的 ui 库等,目的是锻炼自己的编码能力

播放器的相关截图

01_个性推荐页

02_歌单页

03_排行榜

04_私人FM

05_歌曲详情

06_全屏纯享

06_全屏纯享

06_全屏纯享

07_搜索页

08_视频页

09_歌手页

项目启动

pnpm install
//启动网页版
pnpm run dev:project
// 启动客户端版
// 见project-package.json
  • 最后在浏览器中访问:http://localhost:8080

Alt


About

React Netease Music——一个基于 React、TypeScript 的高仿网易云播放器

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published