Source

Input and transport

Engine idle

Active source: No source connected

Crossfade partner: No crossfade partner loaded

Realtime effect chain: Media source -> JS basic processor -> JS color/time -> JS modern/creative -> JS spectral/spatial -> WASM EQ/filter/dynamics -> JS modulation -> JS space/ambience -> pan -> output

Output level -inf dBFS
Sample rate--
Base latency--
Render quantum128 frames
Graph modeJS basic + JS color/time + JS modern/creative + JS spectral/spatial + WASM EQ/filter/dynamics + JS modulation/space

Presets

Fast starting points

Checklist-aligned realtime path

Sections 1 through 11 now use the same names as list-effect.md in the popup menu. The basic layer handles the streaming-safe clip operations, the color/time layer handles saturation and pitch work, the modern/creative layer handles the low-latency previews for sections 8 and 9, the spectral/spatial layer handles sections 10 and 11, the native WASM chain handles EQ/filter/dynamics, and the modulation/space layers run in dedicated realtime browser DSP paths.

CSS customization

The interface still uses CSS variables in :root, so you can restyle the menu, modal layout, and player chrome without changing the processing logic.

{% include '_basic_modals.html' %} {% include '_eq_modals.html' %} {% include '_dynamics_modals.html' %} {% include '_modulation_modals.html' %} {% include '_space_modals.html' %} {% include '_distortion_modals.html' %} {% include '_pitch_time_modals.html' %} {% include '_modern_modals.html' %} {% include '_creative_modals.html' %} {% include '_spectral_modals.html' %} {% include '_stereo_spatial_modals.html' %} {% include '_extras_modals.html' %}