Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sixgramwater/electron-music
Electron music application based on React, Redux, Webpack 5, with QQMusic-like UI
https://github.com/sixgramwater/electron-music
electron music react webpack
Last synced: about 1 month ago
JSON representation
Electron music application based on React, Redux, Webpack 5, with QQMusic-like UI
- Host: GitHub
- URL: https://github.com/sixgramwater/electron-music
- Owner: sixgramwater
- License: mit
- Created: 2021-12-10T11:44:02.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-06-29T07:15:40.000Z (over 2 years ago)
- Last Synced: 2023-03-08T06:22:39.025Z (almost 2 years ago)
- Topics: electron, music, react, webpack
- Language: TypeScript
- Homepage:
- Size: 21.1 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Entropy Music
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)]()
[![Author](https://img.shields.io/badge/author-sixgramwater-orange "Author")](https://github.com/sixgramwater "Author")
Electron music application based on React, Redux, React-Router, Webpack 5.## Features
- Electron & React & typescript
- Clean and elegant UI
- Theme-changing support
- Lyric display support
- Separate Desktop Klyric display [experimental]
- Full support for album & artist & playlist
- User Login & logout
- Track playlist & multiple play mode support
- Search & hotword & input suggest
- Infinity fetch support
- Native tray support## Screenshots
### Daily Recommend
![recommend](https://user-images.githubusercontent.com/22321620/176373584-c9f05fcc-f03f-4562-9eb0-6270e21cb8cf.png)### Music library
![library](https://user-images.githubusercontent.com/22321620/176373897-3b4c4b51-e49a-40a8-966c-f2a5cc4e522b.png)
### Music Playing
![playing](https://user-images.githubusercontent.com/22321620/176373929-0096a0c7-445a-41c6-b2ed-8f40e46a40ad.png)### Desktop Lyric
![lyric](https://user-images.githubusercontent.com/22321620/176374013-c6c53052-21ab-4032-b0aa-0c2d0531a46c.png)
### Music Download
![download](https://user-images.githubusercontent.com/22321620/176374355-79cadd70-fc2d-4f10-9146-ea70bed94735.png)
### Theme changing
![theme](https://user-images.githubusercontent.com/22321620/176374754-b6e5690e-ede3-487a-a828-bc46f5b43444.png)### Search (Hot Words Suggestion)
![search](https://user-images.githubusercontent.com/22321620/176375046-8564d82f-6ff9-4b44-9ef1-f93cad7135bb.png)## Install
- **If you have installation or compilation issues with this project, please see [our debugging guide](https://github.com/electron-react-boilerplate/electron-react-boilerplate/issues/400)**
First, clone the repo via git and install dependencies:
```bash
git clone --depth 1 --branch main https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name
cd your-project-name
npm install
```## Starting Development
Start the app in the `dev` environment:
```bash
npm start
```## Packaging for Production
To package apps for the local platform:
```bash
npm run package
```## Docs
See our [docs and guides here](https://electron-react-boilerplate.js.org/docs/installation)
## TODO
- [ ] Klyric animation & bugs fixing
- [ ] Mini-player mode support
- [ ] Native settings (download path customization)
- [ ] i18N support## License
MIT © [Electron React Boilerplate](https://github.com/electron-react-boilerplate)
[github-actions-status]: https://github.com/electron-react-boilerplate/electron-react-boilerplate/workflows/Test/badge.svg
[github-actions-url]: https://github.com/electron-react-boilerplate/electron-react-boilerplate/actions
[github-tag-image]: https://img.shields.io/github/tag/electron-react-boilerplate/electron-react-boilerplate.svg?label=version
[github-tag-url]: https://github.com/electron-react-boilerplate/electron-react-boilerplate/releases/latest
[stackoverflow-img]: https://img.shields.io/badge/stackoverflow-electron_react_boilerplate-blue.svg
[stackoverflow-url]: https://stackoverflow.com/questions/tagged/electron-react-boilerplate