Mixer
Channel strips with pan, mute, solo, a volume fader and stereo meters, composed from Knob, Toggle, ToggleGroup, Fader and Meter.
Drums
Pan
Volume
Bass
Pan
Volume
Keys
Pan
Volume
A block is a composition of components, to copy and adapt: the library has no Mixer component. The code tab has all of it.
How it is composed
| Part of the block | Component |
|---|---|
| Pan | Knob, with origin={0} and the pan format |
| Mute and solo | Toggles in one ToggleGroup |
| Volume | Fader, in decibels, red above 0 dB |
| Level | Two Meters, left and right |
- One group for every strip's buttons. The mute and solo buttons of all strips are in one
ToggleGroup, in the lanesmuteandsolo: solo is exclusive across strips (Cmd or Ctrl adds one), and a drag paints mutes across strips. - The audio engine lives outside React. Controls write their values to it in
onValueChangeandonPressedChange; the metersreadthe level after the fader and the pan every frame. Moving a fader renders nothing, and neither do the meters. - Every control is named by its label or
aria-label, inside a group named after its channel, in your application's language.