ctrl_loop

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

ctrl_loop

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