Audio Reactive

Bind any parameter to live audio input so your visuals respond to music or sound in real time.

Getting Started

1. Click the Audio button in the top bar to enable microphone input (browser will request permission)
2. When audio is active, all parameter animation bars expand to show the audio binding controls
3. Click the speaker icon on any parameter's animation bar
4. Select a frequency band from the dropdown: bass, lowMid, mid, highMid, high, or full
5. The parameter now responds to that frequency band in real time

Controls

Once a parameter is bound to audio, the animation bar shows:

• Band badge — Click to change the frequency band
• Gain (0.1–5.0) — Amplifies the audio signal. Higher values = more dramatic response
• Fall (0.00–0.99) — Smoothing / falloff. Higher values = slower, smoother response. Lower values = tighter, more reactive

Frequency Bands

Tips

• Start with Gain 1.0 and Fall 0.5 — adjust from there
• Use bass on Scale or Brightness for kick-reactive visuals
• Use high on Offset or Rotation for hi-hat-reactive movement
• Bind multiple parameters to different bands for complex audio-visual mapping
• Click the audio icon again on a bound parameter to remove the binding