4 Chord Song Player — Play 100 Songs With Just C, G, Am, F Using Hand Tracking

~/4-chord-song-player ✋ chords 🖐️ hands 📖 chart 🎹 piano ☕ Support me apps ← about me
One hand, four fingers, four chords: C · G · Am · F. Raise 1-4 fingers to pick a chord, flick down to strum, choose 1 hand, 2 hands, or bass + chords, and pick from 100 real songs that all use this exact same set — just in a different order. Add the built-in drum computer and jam. 100% client-side — your camera feed never leaves this tab.
✋ Inspired by Simple Hand Tracking Chords — this spinoff strips it down to just 4 chords, so anyone can play along to a real song in under a minute.
FPS 0 1 HAND
Left
Right

Show your webcam 1-4 fingers to play C, G, Am or F. A closed fist or open palm stays silent. Works best with one hand about arm's length from the camera, good lighting on your face and hands.

🔒 100% local — frames are analysed in this tab and never uploaded
Chords
Bass
Transpose
▸ The 4 Chords
C
☝️ 1 finger
G
✌️ 2 fingers
Am
🤟 3 fingers
F
🖖 4 fingers
✊ Fist / 🖐️ Open palmMute
👇 Flick hand downStrum / re-attack
🎸 Bass + Chords modeLeft hand = bass root
▸ 100 Songs, 4 Chords
▸ Drum Computer
Pop/Rock
Ballad
Latin
EDM
BPM 100
🔊

How to play a song in 3 steps

1

Click ▶ Start camera and allow webcam access. Sit about arm's length away with your hand visible.

2

Pick a song from the list on the right. It shows you the order the 4 chords come in — most songs just loop them.

3

Raise 1-4 fingers to play C, G, Am or F, flick your hand down to strum, and hit ▶ Start beat for a drum backing.

Gesture reference

☝️ 1 finger
C major
✌️ 2 fingers
G major
🤟 3 fingers
A minor (Am)
🖖 4 fingers
F major
✊ / 🖐️
Fist or fully open palm — silence
👇 Flick down
Re-strum the chord you're already holding

Why 4 chords can play 100 different songs

Almost every song on this list is built from the same four chords — in the key of C, that's C, G, Am and F (the I, V, vi and IV chords of the scale). It's the most recorded chord sequence in pop music, popularised as a running joke by musical comedy act Axis of Awesome, but it's genuinely everywhere: from Let It Be to Don't Stop Believin' to modern EDM. What changes from song to song isn't the chords — it's the order they come in. This app lists each song's rotation (I-V-vi-IV, vi-IV-I-V, and a few rarer orders) so you can hear how reshuffling four notes creates a completely different feel.

How the hand tracking works

This app uses Google's MediaPipe hand-landmark model, running entirely in your browser via WebAssembly, to find 21 points on each hand from your webcam feed 30+ times a second. It counts how many fingers are extended and maps that count directly to a chord — no calibration, no wearables, nothing to install. Because the whole pipeline runs client-side, your video is never uploaded or recorded anywhere; closing the tab discards it completely.

More hand-tracking instruments on this site: the fuller 20-chord version this app is spun off from, the original Air Synth with 5 play modes including air drums, and the Chord Chart Generator if you want real fretboard diagrams for these same chords.

FAQ — 4 Chord Song Player

Getting started
What is this, exactly?

A webcam instrument that only plays four chords — C, G, Am, F — controlled entirely with your hand. Raise 1 to 4 fingers to pick a chord, flick your hand down to strum it, and pick a song from the list of 100 to see the order those same four chords come in for that particular song.

Do I need any real instrument or musical experience?

No. That's the whole point — no guitar, no piano, no lessons. If you can count to four on one hand, you can play along with any of the 100 songs listed here.

Is my camera feed uploaded anywhere?

No. Hand tracking runs with Google's MediaPipe model compiled to WebAssembly, entirely inside this browser tab. Nothing is recorded, saved or sent to a server — close the tab and it's gone.

What if my browser can't access the camera?

You need a modern browser (Chrome, Edge, Safari or Firefox, updated in the last year or so) over a secure https:// connection, and you have to grant camera permission when prompted. If you accidentally blocked it, click the camera icon in your address bar and allow the site, then reload.

Chords & gestures
Why only 4 chords?

C, G, Am and F — the I, V, vi and IV chords of a major scale — are the most-used chord sequence in pop music. Every song in the built-in list of 100 uses exactly these four chords, just in a different order, which is what makes this whole app possible with only four gestures to learn.

How does the finger count map to chords?

1 finger up = C, 2 fingers = G, 3 fingers = Am, 4 fingers = F. A closed fist or a fully open palm (0 or 5 fingers) plays nothing, so you have a natural "rest" position between chords.

How do I strum instead of just holding a chord?

Flick your hand downward while holding a chord shape. That quick downward motion re-triggers the notes, giving you a strum-like re-attack instead of one long sustained chord — try flicking on the beat while the drum computer plays.

Can I use my left hand instead of my right?

Yes — either hand works the same way; the finger-count mapping isn't handedness-specific. In 2 Hands mode both hands play independently at the same time, which is a nice way to hold a fuller chord or have two people jam together. In Bass + Chords mode the roles are fixed: the left hand plays the bass and the right hand plays the chord.

What's the difference between the 1 Hand, 2 Hands and Bass + Chords modes?

1 Hand tracks a single hand and ignores a second one if it wanders into frame — simplest option if you're playing solo. 2 Hands tracks both hands independently, each able to hold its own chord — good for a duet, or for layering two chords into a richer sound. Bass + Chords splits the job the way a band does: your left hand plays the bass root of whatever chord shape you make, your right hand plays the chord itself, and each side has its own instrument so the two parts stay distinct.

How does the left-hand bass work?

Switch to Bass + Chords and your left hand stops playing chords and plays bass instead. The finger count means the same thing it always did — 1 finger C, 2 G, 3 Am, 4 F — but the left hand sounds that chord's root note down in the bass register, doubled at the octave for body. Flicking down re-plucks it exactly like a strum, so you can play a bass line in time with the drums while your right hand holds the chord.

The roots sit inside a deliberately narrow window (C2 to A2) so the line walks between notes instead of leaping an octave whenever you hit Am. The bass has its own signal path with no reverb on it, which is what keeps the low end tight rather than muddy.

What are the three bass sounds?

Electric is a fingered electric bass — a round triangle fundamental with a little sawtooth growl and a soft pluck transient. Upright is the acoustic double bass: darker filter, much shorter decay and a stronger thump at the attack, so it sits back in the mix. Synth is a resonant sub bass with a filter that sweeps down on every note, for anything electronic.

The bass voice is chosen separately from the chord instrument, so you can put an upright bass under a piano, or a synth bass under a guitar — that separation is the whole point of the mode.

My gestures aren't being picked up reliably — what can I do?

Make sure your whole hand is inside the frame with good, even lighting, and hold each finger shape clearly for a moment rather than mid-motion. Keep your hand roughly arm's length from the camera — too close or too far both hurt tracking accuracy.

Songs & drums
Does the app actually play the original songs?

No — for copyright reasons this app never streams or plays the original recordings. Selecting a song shows you its title, artist and the order its 4 chords come in (its "roadmap"), so you play the progression yourself with your hand while the built-in drum computer keeps time.

Where does the song list come from?

It's a curated set of 100 well-known songs that are commonly cited as using the same four-chord family (in whichever rotation), spanning pop, rock, country, EDM and film soundtracks.

What does the little "I-V-vi-IV" label next to a song mean?

That's the chord rotation in Roman-numeral shorthand: I=C, IV=F, V=G, vi=Am. I-V-vi-IV means the song cycles C → G → Am → F, while vi-IV-I-V means it starts on Am instead: Am → F → C → G. Same four chords, different starting point and feel.

Can I search for a specific song or artist?

Yes — type into the search box above the song list to filter by title or artist as you type.

What is the drum computer and how do I use it?

A simple built-in beat machine with four preset styles (Pop/Rock, Ballad, Latin, EDM), a tempo slider from 60-160 BPM, and its own volume control. Hit ▶ Start beat to loop a backing rhythm while you play chords over it — no setup or sequencing required.

Can I change the tempo to match a specific song?

Yes, drag the BPM slider anywhere from 60 to 160. This app doesn't ship exact tempos for all 100 songs, so pick whatever feels right, or look the song's BPM up separately and match it.

Sound & setup
What instrument sounds are available?

Seven built-in voices: Guitar, a bright plucked tone for strumming; Pad, a soft sustained sound for slower songs; E. Piano, a mellow electric-piano tone; Banjo, a short, twangy pluck; Organ, a steady sustained drawbar-style tone; Synth, a brighter detuned lead; and Bells, a shimmering bell-like tone with a long ringing tail. Switch between them any time with the toggle above the camera.

Does this work on my phone?

It needs a front or rear camera and a reasonably modern mobile browser, and it works, but a bigger screen and a hand held further from a laptop's webcam generally tracks more reliably than a phone held in one hand while gesturing with the other.

Why can't I hear anything?

Browsers block audio from starting until you've interacted with the page — clicking ▶ Start camera satisfies that. Also double-check your system volume and that the tab isn't muted.

Is this tool free to use?

Yes, completely free. No account, no subscription, no ads. It's one of the free browser-based tools at jasperbernaers.com.

✋ Simple Hand Tracking ChordsThe full 20-chord version this spun off from 🖐️ Hand Tracking Instrument5 play modes, including air drums 📖 Chord Chart GeneratorReal fretboard & piano diagrams for C, G, Am, F 🎸 Guitar TunerTune up before you play along