~/simple-hand-tracking-chords 🎹 piano 🖐️ hands 🎮 8bit 📖 chart 🎸 tuner ☕ Support me apps ← about me

simple hand tracking chords — play any song with chord gestures_

A spinoff of Hand Tracking Instrument, stripped down to one job: playing real songs. Your webcam sees 21 points on each hand. 20 essential chords — C · G · D · A · E · F · Bb · Am · Em · Dm · Bm · F#m · Cm · G7 · C7 · D7 · E7 · A7 · B7 · Am7 — one fixed hand gesture per chord · 15 synthesised instruments · two-handed play · record video + WAV. Free, no signup — and the camera feed never leaves your browser.
VOICE Nylon Guitar L R HANDS 0 -- fps 0:00
right hand = majors · left hand = minors · tilt = 2nd row · pinch = 7ths · fist = silence
🎸

Play chords with your hands in the air

Allow the camera and your hands become 20 real chords — enough to strum along with most simple songs. Works best about an arm's length from the camera with a light source in front of you.

🔒 100% local — frames are analysed in this tab and never uploaded

Chord chart 20 chords

Fist silences a hand · watch the live chord name on screen and adjust your fingers until it matches.

Instrument 15 voices

Sound

72
38
18

Record

0:00
Captures the canvas exactly as you see it — camera, hand skeleton, chord names — with the synth audio mixed in. A clean 16-bit WAV of the audio is written at the same time.

Tracking & display

45
55

Guide — how to play a song with hand gesture chords

Two minutes from "allow camera" to strumming an actual chord progression. No music theory required.
1Allow the camera

Press Start camera and accept the browser prompt. The hand model downloads once (a few megabytes) and is then cached — the second visit starts almost instantly. Nothing is uploaded.

2Find a chord chart

Look up any beginner songbook chart online. Almost every simple song leans on a handful of open chords — G, C, D, Em and Am cover a huge share of popular songs.

3Learn the shapes

Check the Chord Chart panel on the right. Right hand = majors, left hand = minors, tilt the hand for the second row, pinch for 7ths.

4Play the progression

Show the gesture for the first chord, hold it, then switch shape for the next chord in the song — in rhythm, the same way you'd change shapes on a guitar neck.

5Strum and record

Flick your hand down to re-attack a held chord like a strum. Press ● Record to capture the take as video and a clean WAV.

The gesture system

RIGHT HAND 7 major chords

Relaxed (not tilted, not pinching), show 1 to 5 fingers for C · G · D · A · E. Tilt the hand outward and show 1 or 2 fingers for F and Bb.

1 finger
C
2 fingers
G
3 fingers
D
4 fingers
A
Open palm
E
Tilted · 1
F
Tilted · 2
Bb
LEFT HAND 6 minor chords

Same idea, mirrored: relaxed left hand, 1 to 5 fingers for Am · Em · Dm · Bm · F#m. Tilted with 1 finger gives Cm.

1 finger
Am
2 fingers
Em
3 fingers
Dm
4 fingers
Bm
Open palm
F#m
Tilted · 1
Cm
Tilted · 2
B7 (the odd one out)
PINCH 👌 7th chords

Touch thumb to index finger — the same pinch Hand Tracking Instrument uses for sustain, repurposed here for dominant and minor 7ths.

Right, pinch
Slide left→right across the frame for C7 · G7 · D7 · A7 · E7
Left, pinch
Am7, anywhere in frame
ALWAYS ON Universal gestures

These work at all times, for either hand.

Fist ✊
Silences that hand instantly
Strum
Quick downward flick re-attacks the held chord
Hand height
Volume — raise the hand to swell
F
Fullscreen performance mode
R
Start / stop recording
Space
Panic — silence everything
[ ]
Previous / next instrument
TWO HANDS Playing with both hands

Each hand is tracked and voiced independently. For a normal song, follow the chart with one hand at a time — but both hands can hold different chords together if you want a richer, two-chord blend.

TIP Getting a clean read

Watch the live chord name on the HUD. If it flickers between two chords, hold the shape a little steadier and make sure the whole hand — including fingertips — stays inside the frame with good light in front of you.

Beginner strum-alongNylon Guitar · relaxed right hand, 1–5 fingers for C G D A E. Practise switching between just two chords first.
Campfire songG – Em – C – D on loop: right-2, left-2, right-1, right-3. One of the most common progressions in pop music.
Blues turnaroundPinch right hand and slide across the frame for the C7 → G7 → D7 → A7 → E7 row.
BalladWarm Pad or Bowed Strings · slow chord changes, raise the hand on the chorus for volume swell.
Two-hand padHold Am in the left hand and add C7 in the right for a richer static chord.
Lighting fixFace a window or lamp, plain wall behind you, sleeves rolled up. Tracking stability roughly doubles.

A chord instrument built to play real songs, not just demo gestures

Hand Tracking Instrument's Chord Conductor mode is powerful but abstract — the same hand shape plays a different chord depending on which key and scale you've dialled in, because it thinks in scale degrees. Simple Hand Tracking Chords throws that abstraction away. Every gesture here maps to one fixed, named chord — the same 20 chords a beginner guitarist learns first — so you can take a real song's chord chart from anywhere on the internet and play it directly, without translating roman numerals in your head.

The camera watches your hands, a landmark model returns twenty-one points per hand about thirty times a second, and those points are read for exactly four things: which hand it is, how many fingers are extended, whether the hand is tilted outward, and whether the thumb is pinched to the index finger. That's the entire gesture vocabulary, and it's enough to address all 20 chords with no overlap and no ambiguity.

Twenty chords, one gesture each

The right hand plays the seven major chords — C, G, D, A, E by finger count from one to five, then F and Bb by tilting the hand and showing one or two fingers. The left hand mirrors this for the six minor chords — Am, Em, Dm, Bm, F#m by finger count, then Cm tilted. That covers thirteen chords with a completely regular, learnable pattern. The remaining seven chords are dominant and minor 7ths: pinching the right hand and sliding it left to right across the frame steps through C7, G7, D7, A7 and E7, pinching the left hand anywhere gives Am7, and B7 — the one chord with no plain major sibling in this set — takes the one open slot left in the tilted-left-hand row.

Fifteen instruments, none of them samples

The synthesis engine is shared with Hand Tracking Instrument: nothing here is a recording. Every note is built live with the Web Audio API. Nylon Guitar and Concert Harp use Karplus-Strong synthesis — a genuine physical model of a plucked string. Electric Piano and Vibraphone are two-operator FM. Struck Piano and Music Box are additive with inharmonic partials. Warm Pad, Bowed Strings, Brass Section, Bright Lead and Retro Square are subtractive — detuned oscillator stacks through a filter envelope. Church Organ is a drawbar stack and Flute is filtered noise.

Built for playing along, not just messing about

A chord shape sustains for as long as you hold it, and a quick downward flick of the hand re-attacks it — a strum, without needing to change your finger count. Both hands are tracked and voiced independently, so a song is simply a matter of showing each gesture from the chart in turn, in time. Recording captures the canvas exactly as you see it — camera, hand skeleton and live chord names — as a WebM video with synth audio mixed in, plus a clean 16-bit WAV written straight from the audio bus.

Where the video goes: nowhere

The camera stream is handed to a canvas and a model running inside your browser tab. It is not sent to a server, because there is no server — the whole instrument is one HTML file. The only recording that ever exists is one you start deliberately, and it stays in your machine's memory until you download it or close the tab.

FAQ — Simple Hand Tracking Chords

20 questions on the gesture system, the chords, the sounds and what happens to your camera feed.
The gesture system
What is Simple Hand Tracking Chords?
A free browser instrument that turns your webcam into a chord machine. Instead of an abstract music-theory system, it maps 20 real, commonly used chords — C, G, D, A, E, F, Bb, Am, Em, Dm, Bm, F#m, Cm, G7, C7, D7, E7, A7, B7 and Am7 — to one fixed hand gesture each, so you can look up a song's chord chart and play it in the air.
How is this different from Hand Tracking Instrument's Chord Conductor mode?
Chord Conductor plays scale degrees relative to whatever key and scale you pick — the same gesture means a different chord depending on your settings. This app is the opposite: each gesture always means the same named chord, so you can follow a real chord chart without translating roman numerals in your head.
How does the gesture system work, in one sentence?
Your right hand plays the 7 major chords by finger count (1–5 relaxed, 1–2 tilted for F and Bb), your left hand plays the 6 minor chords the same way plus Cm tilted, and pinching your thumb to your index finger on either hand switches to 7th chords.
How do I play a major chord?
Hold up your right hand, relaxed — not tilted, not pinching — and show 1 to 5 fingers: 1 finger is C, 2 is G, 3 is D, 4 is A, and an open palm (5 fingers) is E.
How do I play F and Bb?
Tilt your right hand outward — rotate it so the fingers point sideways rather than straight up — and show 1 finger for F or 2 fingers for Bb. Tilting is the same gesture Chord Conductor uses to flip major and minor, reused here to unlock a second row of chords.
How do I play a minor chord?
Hold up your left hand, relaxed, and show 1 to 5 fingers: 1 is Am, 2 is Em, 3 is Dm, 4 is Bm, and an open palm is F#m.
How do I play Cm?
Tilt your left hand outward and show 1 finger. It sits in the same tilted-row slot as F and Bb do on the right hand, just on the minor side.
How do I play the 7th chords?
Pinch your thumb and index finger together — the same 👌 gesture Hand Tracking Instrument uses for sustain, repurposed here for dominant and minor 7ths. Pinch with your right hand and move it left to right across the frame to step through C7, G7, D7, A7 and E7. Pinch with your left hand anywhere to play Am7.
Why does B7 have its own special gesture instead of fitting the pinch pattern?
Because there is no plain B major chord in this set of 20 to pinch-modify into B7 the way C becomes C7. B7 gets the one open slot left in the tilted-left-hand row: tilt your left hand outward and show 2 fingers.
Do I need to know music theory to use this?
No. Every gesture maps to one fixed, named chord regardless of key or scale, so you don't need to know what a scale degree or an inversion is — you just need the chord names from a song chart, which the Chord Chart panel translates into a hand shape for you.
Playing songs
Can I play two chords at once?
Yes. Each hand is tracked and voiced independently, so you can hold a chord in your left hand and a different one in your right at the same time for a fuller sound — though for playing a normal song progression, one hand at a time following the chart is usually all you need.
What does making a fist do?
It silences that hand immediately, the same as in Hand Tracking Instrument. Zero extended fingers means no chord is matched, so you can drop your hand between chords without anything ringing on.
Is there a strumming gesture?
Yes. While you hold a chord shape steady, a quick downward flick of the hand re-attacks the same chord with a fresh, slightly louder pluck — like strumming on the beat — without you having to change the finger shape.
How do I actually play a whole song?
Find any beginner chord chart online for a song that uses open chords — most do. Check the Chord Chart panel to see the gesture for each chord the song calls for, then show each gesture in turn, in rhythm, exactly like changing chord shapes on a guitar neck. A song with a G–Em–C–D progression, for example, means showing right-2, left-2, right-1, right-3.
The wrong chord keeps showing up.
Watch the live chord name on screen — it updates in real time as your hand shape changes. Most misfires come from an in-between finger count (the model briefly reads 2 fingers as you move from 1 to 3) or lighting that hides a finger's outline; face a light source and hold the shape steady for a moment.
The sounds
How many instruments are there?
Fifteen, the same synthesis engines as Hand Tracking Instrument: Warm Pad, Bright Lead, Retro Square, Electric Piano, Struck Piano, Music Box, Vibraphone, Nylon Guitar, Concert Harp, Bowed Strings, Church Organ, Brass Section, Flute, Choir Aah and Sub Bass — all generated live with the Web Audio API, no samples.
How is each chord voiced?
Triads (major and minor chords) sound as four notes — root, third, fifth and the root doubled an octave up. 7th chords add the seventh as a fifth note. The voicing sits around the middle of the instrument's range so it works well whether you've picked Sub Bass or Concert Harp.
Recording & privacy
Can I record what I play?
Yes. Press Record and the page captures a WebM video of the canvas — camera view, hand skeleton and chord names included — with the synth audio mixed in, plus a separate uncompressed 16-bit WAV of just the audio.
Is my camera feed uploaded anywhere?
No. The video stream goes from your camera straight into a canvas and a hand-tracking model running inside your browser tab. Nothing is uploaded, there is no server behind this tool, and the only recording that exists is one you start yourself.
Are my settings remembered?
Yes. Instrument choice, volume, reverb, delay and the tracking/display toggles are stored in your browser's local storage and restored next time. Nothing leaves your device.
Practicalities
Which browsers are supported?
Chrome and Edge give the best performance because they can run the model on the GPU. Firefox and Safari 16 and later both work. The page needs a secure context, which any https site or localhost provides.
Does it work on a phone or tablet?
Yes, using the front camera, and landscape orientation with the device propped up gives the best result — you need both hands free for two-handed chords, though a single hand covering 13 of the 20 chords works fine too.
Is it really free?
Completely — no account, no ads, no paywall and no watermark. It is one of the free browser tools at jasperbernaers.com.
Hand Tracking Instrument5 play modes · 15 instruments · scales in any key Online Virtual PianoPlay piano with your computer keyboard · MIDI export Drum Loop Studio10-lane drum machine · seamless WAV export Guitar TunerChromatic mic tuner · 18 tunings Audio EditorTrim, effects and export in the browser All toolsEverything on jasperbernaers.com

Quick guide