Online Looper & Virtual Looper: Multitrack Browser Loop Station
Stack, overdub, and arrange multitrack loops in your web browser with zero hardware loop pedals. Tunevate's online looper locks your piano chords, guitar strums, drum patterns, and synth riffs to a bar-accurate transport clock with instant quantisation.
How Hand Gesture Tracking Works
Tunevate uses your device’s webcam and client-side computer vision to track 21 hand landmarks in 3D space with sub-millisecond precision. Here is how your hands shape chords, melodies, and sound parameters:
Tempo & Quantised Pre-Roll
Set your desired BPM tempo (60 to 200 BPM) in the master dock. Hit Record to begin the 4-beat visual and acoustic pre-roll count-in before capturing starts.
Record Harmonic Rhythm Foundation
Play your initial chord progression using Grand Piano, Acoustic Guitar, or Synth Warm Pads. When the bar completes, the looper automatically cycles into continuous playback.
Stack Melodies, Bass & Drum Grooves
Arm additional overdub passes to layer walking basslines, high-register Rhodes melodies, or punchy finger-drum fills on top of your existing rhythm.
Built for Real-Time Music Creation
Engineered with Tone.js, Web Audio API, and MediaPipe AI for professional synthesis, responsive acoustic instruments, and seamless loop recording.
Bar-Accurate Loop Quantisation
Mathematical transport engine snaps notes to the closest 1/16th note beat, eliminating awkward timing gaps or tempo drift.
Multi-Instrument Layering
Stack different virtual instruments in the same project: Layer 1 piano chords, Layer 2 bassline, Layer 3 synth lead, Layer 4 percussion.
.tvate Session File Format
Export complete multi-layer projects to lightweight `.tvate` files and share them or load them back into the browser anytime.
Independent Layer Mixing
Visual canvas gives you full control to adjust individual track volume levels, mute tracks, or delete imperfect takes.
Flexible BPM Master Clock
Precise Web Audio audio clock with audible metronome click, tap tempo, and real-time BPM adjustment.
100% Client-Side Privacy
All loop audio and gesture telemetry are held strictly in your browser's memory without touching any external cloud servers.
Audio & Machine Learning Architecture
| Loop Resolution | 1/16th note grid quantisation with sub-sample audio alignment |
| Maximum Layers | Unlimited multitrack audio & MIDI event layering |
| Tempo Range | 60 to 200 BPM (Bilateral clock synchronization) |
| File Format | .tvate (JSON schema-validated session file) |
| Playback Engine | Tone.js TransportClock + Polyphonic Sampler Buffer |
Frequently Asked Questions
Everything you need to know about playing this instrument online with hand gestures.
What is an online looper?
An online looper is a browser-based audio workstation that lets musicians record a musical phrase and immediately loop it continuously, allowing them to stack multiple overdub layers to build full arrangements in real time without external hardware.
How does loop quantisation work in Tunevate?
When you perform chords or drum hits into the looper, the transport engine aligns the note start and end points to the nearest musical grid subdivision (such as a 1/16th note). This ensures that every layer stays locked in perfect rhythm without tempo drift.
What is a .tvate file?
A `.tvate` file is Tunevate's native session format. It stores your recorded loop events, instruments, tempo, key, and settings in a compact format that can be saved to your computer and reopened in the studio anytime.