Map your MIDI controller to live visuals

The shortest path from screen to hardware

1. Connect your controller before entering MIDI Learn.
2. Press MIDI and allow browser access when asked.
3. Touch the highlighted control in LumaDeck.
4. Press the pad, turn the knob or move the hardware control you want to bind.
5. Repeat for the rest of your layout, then leave Learn mode and play it.

Each assignment is one-shot, so the control you touch and the MIDI message you send become one clear pair. There is also a delete mode for removing a mapping without rebuilding the rest.

What can you map today?

The current web instrument exposes 67 targets: 48 scene pads and 19 performance controls. That is enough to put the grid under your fingers and keep the controls you reach for most close by. Video pads are not part of that MIDI map yet, so this guide does not pretend they are. Pair the layout with the SYNC workflow when you want music and hands driving the same performance.

Ableton Push as a real example

Push is the controller used in the founder's real setup: its pad matrix makes a natural home for the LumaDeck grid. It is an example, not a universal compatibility stamp. Any device your browser exposes through WebMIDI can be tried with the same Learn flow.

The mappings live on this machine

Your mappings and device identity remain local to the browser profile. They are deliberately separate from the cloud show, because a controller port on one computer may mean something completely different on another. If you change browser, profile or machine, map that setup again.