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 year 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 (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-06-29T07:15:40.000Z (almost 4 years ago)
• Last Synced: 2025-04-30T21:02:17.059Z (about 1 year ago)
• Topics: electron, music, react, webpack
• Language: TypeScript
• Homepage:
• Size: 21.1 MB
• Stars: 7
• 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