Live Looper Utility - brookcs3/BeaatsLoops GitHub Wiki

This module implements a minimal loop recorder inspired by classic looping pedals. It allows recording up to 12 seconds of audio from the user's microphone and layering multiple loops for playback directly in the browser. The loops are processed with a short crossfade at their boundaries for seamless playback.

<button id="recordLoop">Record Loop</button>
<script type="module" src="script.js"></script>

frontend/liveLooper.js exports LiveLooper which is used inside frontend/script.js. Clicking the Record Loop button will:

1. Request microphone access and record up to 12 seconds of audio.
2. After recording, the button changes to Play Loops. Clicking again plays all recorded layers in a loop.
3. A third click clears the loops and resets the recorder.

The crossfade ramp is based on the squared fade curve used in the open source project mobius‑2, allowing smooth transitions without clicks.

This simple interface provides a foundation for more advanced loop-based interaction without relying on heavyweight libraries.