Control Surface Example

Customization Controls

1.0x
0°
0°

Mixer-Style Control Surface

Each channel combines a bipolar pan knob, a gain/trim knob, a level fader and mute/solo buttons. Knobs use meaningful scales and units instead of raw 0‑100 values.

CH 10 dB
L40
Pan
0 dB
Gain
Level
Mute
Solo
CH 2-3.0 dB
L25
Pan
-3.0 dB
Gain
Level
Mute
Solo
CH 3-6.0 dB
R25
Pan
+3.0 dB
Gain
Level
Mute
Solo
CH 4-9.0 dB
R40
Pan
+6.0 dB
Gain
Level
Mute
Solo
MASTER-1.5 dB
C
Pan
Level
Rec

Mixer State

Channels

CH 1 
PanL0.4Gain0.0 dBLevel0 dB
CH 2 
PanL0.25Gain-3.0 dBLevel-3.0 dB
CH 3 
PanR0.25Gain+3.0 dBLevel-6.0 dB
CH 4 
PanR0.4Gain+6.0 dBLevel-9.0 dB

Master

OutputMixer Sum
PanC
Level-1.5 dB

This demo showcases a mixer-style control surface built from AudioUI components: bipolar knobs (pan), gain knobs with dB units, vertical sliders for channel and master levels, simple level meters and latch buttons for mute/solo.

Use the controls at the top of the page to adjust the zoom and perspective of the surface.

All knobs, sliders, and buttons are editable. For knobs and sliders, use the mouse wheel to change their values. For buttons, click to toggle their state.