uniquemo / React Netease Music
React Netease Music——一个基于React、TypeScript的高仿网易云mac客户端🎵播放器。
Stars: ✭ 205
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to React Netease Music
Skplayer
🎵 A simple & beautiful HTML5 music player
Stars: ✭ 437 (+113.17%)
Mutual labels: webpack, music-player
React Music Player
Music player build with React, learn how to use React
Stars: ✭ 288 (+40.49%)
Mutual labels: webpack, music-player
Gpymusic
Google Py Music: A simple TUI client for Google Play Music
Stars: ✭ 204 (-0.49%)
Mutual labels: music-player
Mobile App Landingpage Template
📱 Free to use static generated website template for your mobile app
Stars: ✭ 208 (+1.46%)
Mutual labels: webpack
Front End Guide
📚 Study guide and introduction to the modern front end stack.
Stars: ✭ 14,073 (+6764.88%)
Mutual labels: webpack
Webpack Stylish
A stylish, optionated reporter for webpack
Stars: ✭ 207 (+0.98%)
Mutual labels: webpack
Docker Web Framework Examples
Example apps that demonstate how to use Docker with your favorite web frameworks.
Stars: ✭ 204 (-0.49%)
Mutual labels: webpack
Vue2.0 Multi Page
基于vue-cli(vue2.X,webpack1.X,es6,sass环境)多页面开发
Stars: ✭ 206 (+0.49%)
Mutual labels: webpack
Bitrix Project
Заготовка 1C Bitrix проекта: автозагрузка, композер, базовые ООП компоненты, миграции, модели, современный фронтенд стек, инструменты для деплоя.
Stars: ✭ 207 (+0.98%)
Mutual labels: webpack
Firefly
Web app boilerplate for beginners based on Firebase and React 🔥
Stars: ✭ 204 (-0.49%)
Mutual labels: webpack
Electron Vue
An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
Stars: ✭ 14,610 (+7026.83%)
Mutual labels: webpack
React Isomorphic Starterkit
Create an isomorphic React app in less than 5 minutes
Stars: ✭ 2,326 (+1034.63%)
Mutual labels: webpack
Heyui
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top
Stars: ✭ 2,373 (+1057.56%)
Mutual labels: webpack
Saas Base
SaaS base application (Flask, Vue, Bootstrap, Webpack)
Stars: ✭ 208 (+1.46%)
Mutual labels: webpack
Preact Worker Demo
Demo of preact rendering an entire app in a Web Worker.
Stars: ✭ 204 (-0.49%)
Mutual labels: webpack
React Cordova Boilerplate
TodoMVC example for react with development tools to build a cordova application
Stars: ✭ 206 (+0.49%)
Mutual labels: webpack
React Expressjs
Simple and compact boilerplate for ReactJS project with expressJS
Stars: ✭ 208 (+1.46%)
Mutual labels: webpack
React Netease Music
React Netease Music——一个基于React、TypeScript的高仿网易云mac客户端播放器。
一直想写一个音乐播放器把玩把玩,最近无意中发现很早就有人整理出了相关的API,话不多说,撸起来!代码使用React编写,没有使用额外的数据管理库(因为react hook真的挺方便的),欢迎提出你的意见,喜欢的话请给我一个star哈~
项目体验地址
功能列表
- [x] 登录/登出(目前仅支持手机密码登录)
- [x] 发现页
- [x] banner
- [x] 推荐歌单
- [x] 推荐最新音乐
- [x] 推荐MV(仅是入口,详情待实现)
- [x] 每日歌曲推荐页
- [x] 全部歌单页
- [x] 歌单分类查询
- [x] 最新音乐页
- [x] 歌单详情页
- [x] 音乐播放详情页
- [x] 歌曲评论
- [x] 点赞/取消点赞歌曲评论
- [x] 歌词滚动
- [x] 歌曲所在歌单
- [x] 相似歌曲推荐
- [x] 播放记录功能
- [x] 播放列表
- [x] 历史记录
- [x] 搜索功能
- [x] 热门搜索关键字
- [x] 搜索建议
- [x] 搜索结果页
- [x] 创建的歌单列表
- [x] 收藏的歌单列表
- [ ] 排行榜
- [ ] 所有歌手页
- [ ] 歌手详情页
- [ ] MV相关的页面与功能
- [ ] 创建/编辑/删除歌单
- [ ] 私信/@我/评论等通知功能
- [ ] 主题换肤
- [ ] ......看心情添加功能😂
注意:部分歌曲可能由于版权问题无法播放喔。
技术栈
- React,使用react hook做状态管理,没有使用额外的数据管理库。
- TypeScript,用TypeScript确实可以提高效率😃(容易发现错误)。
- @blueprintjs组件库,主要使用其中的Icon、Dialog、Toast、Spinner等。
- CSS Modules。
- Webpack。
- Eslint做代码检查。
API接口
播放器的相关截图
项目启动
yarn
yarn dev
然后在浏览器中访问:http://localhost:8080
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].