Skip to content
AJ Uppal
← Back to selected work

Personal project / Audio / instrument

BeatLayer.

Drop in a guitar take and add synthesized drums in its tempo.

Open project Live in a browser

My work

Beat detection, browser synthesis and the playable instrument.

Working with

Vite · React · TypeScript · Web Audio

Inside the build

Can the drums follow the player?

Context

The recording can vary in tempo, so the drum grid needs to follow its timing.

How it works

Beat detection aligns the grid to the recording. Web Audio synthesizes the drums, and stems can be exported without uploading the audio.

In the work

Live browser instrument with a straight-rock groove and local audio processing.

Keep exploring.

The whole collection →
A sailboat beneath a rising sun, with a warm path of light across the ocean in Saltline. saltline Simulation / multiplayer Ember Wilds in Fallowmere at dusk: a level-30 character in a voxel landscape. Ember Wilds Voxel MMORPG murmuration in ribbon style: a dense violet and white form of drawn-out particle streaks against black, filling most of the frame. murmuration Audio / WebGPU