M5Stack DJ Smart Hub · A project in development
Turn music and simple controls
into stage lighting.
The project uses two small M5Stack CoreS3 touchscreen devices.
Try their roles below, one step at a time. No lighting experience needed.
Browser simulationVirtual lights · Silent demo beatWatch the explained walkthrough ↗
Your virtual stage
Lights onBrain
Chooses the settingsController
Drives the lightsThe bars stand in for the sound a real audio input would analyze.
One change. Two devices.
The Brain chooses a brightness setting. The Controller receives it and drives the lights.
Move Brightness down to about 60%.
Watch for Both device numbers change together, and the lights dim.
Move the slider. The Brain sends this setting to the Controller.
Called “blackout” in lighting. This acts directly on the Controller.
Ready when you are. Everything happens in this browser.
Waiting for your brightness change.
What do these words mean?
- M5Stack CoreS3
- A small programmable device with a touchscreen. This project gives two of them different jobs.
- Brain & Controller
- The Brain handles settings and audio data. The Controller turns those instructions into lighting output.
- DMX
- A control protocol for stage lighting. Here its values only drive virtual lights in your browser.
- Master & blackout
- Master means overall brightness. Blackout temporarily sets every lighting output value to zero.
- Audio bars & BPM
- The bars show low through high frequency levels. BPM means beats per minute; the generated beat here is 120 BPM and makes no sound.
- Connection
- The real project uses ESP-NOW for wireless messages. This demo uses a software model of that link.
Everything happens in your browser, using simulated devices, sound data, and lights. This demonstrates the software’s behavior; real audio input, wireless connections, and physical lights need separate testing. Each lesson starts fresh so you can repeat it.