Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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