ctrl_loop
An interactive browser-based loop player built with the Web Audio API.

Overview
ctrl_loop loads 16 audio stems — drums, bass, keys, and vocals — and plays them in sync as looping buffers. Each pad toggles a stem on or off in real time, letting you remix the track on the fly. A high-pass filter with adjustable frequency can be applied across the mix, and every pad is bound to a keyboard key.
Technologies
Web Audio APIJavaScriptReactNext.js
How to use
- Click Start to load the audio stems
- Press the play button to start the loop
- Click any pad (or its keyboard shortcut) to toggle that stem
- White pad = playing · Black pad = muted
- Enable the filter and drag the frequency slider to shape the mix