Free · No download · Works on a phone

Drum Along

A drum game you play in the browser. Three lanes, twelve real punk and metal songs, and the charts are not hand-written — they are detected from the recordings, so the notes you are hitting are the drum parts that were actually played. Hi-hat on A, snare on S, kick on space, or tap the three pads along the bottom on a phone — turn it sideways and they get bigger.

Loading the song list…

How many notes

The chart holds every hit the detector found in the recording, and this decides how much of it you play. Everything is the full drum part — dense, and the honest answer to "what did he actually play". The others drop the finer subdivisions and leave the same groove underneath. Takes effect on the next song.

Timing

0 ms

If every note feels early or late, this is the fix. Your speakers, and especially Bluetooth headphones, play sound later than the screen draws — 150 ms is normal over Bluetooth and that is a whole judgement window and then some. Rather than guessing at the slider, tap it out: the button below plays a steady click and measures how far off your taps land. Saved on this device.

Where the notes come from

Nobody charted these songs by hand. A script listens to each recording and looks for the moments a sound starts — not just energy going up, which in a punk mix happens on every strum, but the sharp arrival that a stick or a beater makes. Then it finds the song's pulse, lays the actual beats down, and keeps only the hits that land on them. Whichever part of the spectrum jumped hardest decides the lane: the bottom is the kick, the crack around 1.5 kHz to 5 kHz is the snare, above 7 kHz is the cymbals. So the notes coming down the lanes are the parts Miki actually played, not somebody's transcription of them — and the background pulses on the beats the tracker found, which is why it is in time.

It is not a perfect listener and it is not pretending to be. A bass guitar sits close enough to a kick drum to get a vote, a guitar chord in the snare's range sometimes gets charted as a snare, and two of these are mixes whose low end is squashed flat enough that the kick is barely there to find — those charts are honestly thin on kicks rather than dishonestly full of invented ones. Twelve songs so far, across Bound By None, Dead Fast, Diera, Lift the Anchor and Granite. Adding another is one workflow run.

The songs you can play

Twelve tracks, all of them Miki's own drumming with his bands around Vancouver and Barcelona. Every one is charted from the recording itself.

SongBandTempoNotesLength
No OtherBound By None120 BPM15712:58
On The DoubleBound By None185 BPM19232:35
Land and SeaDead Fast172 BPM18392:32
SkamenDead Fast115 BPM17603:08
Star Shines TroughDead Fast178 BPM15622:34
Bajo el nivel del malDiera207 BPM11401:42
GroenlandiaDiera148 BPM7631:27
La tragedia de los comunesDiera148 BPM11861:45
Per mi (In Catalan)Diera207 BPM16822:23
Sebastopol GarcíaDiera207 BPM22142:43
Pony UpGranite162 BPM21493:12
Cornered DemoLift The Anchor152 BPM15403:17

More about the bands on Punk BC.

Questions

Is it free?

Yes. No account, no download, no ads, nothing to install. It is a web page.

Can I play a drum game on my phone?

Yes — tap the three pads along the bottom. Turn the phone sideways and they get bigger. It works in any current mobile browser.

Do I need a real drum kit or an electronic kit?

No. It is three keys on a keyboard (A, S and space) or three pads on a touchscreen. If you do own a kit, this is not a replacement for a practice pad — it is a reading and timing exercise you can do on a bus.

Where do the drum charts come from?

They are detected from the recordings. A script finds the moment each drum is struck, works out the song's tempo, tracks the beats, and keeps the hits that land on them. Nobody transcribed these by hand, so the notes are the parts that were actually played rather than somebody's approximation of them.

The notes feel early or late. How do I fix it?

Use the calibration on this page: it plays a steady click and measures how far off your taps land, then sets the offset for you. Bluetooth headphones are almost always the cause — they can run 150 ms or more behind the screen, which is wider than the scoring window.

Can I add my own band's songs?

Not through the page — the charting runs on a server. But the tool that does it is open in the repository, and if you are a BC band who would like a track charted, say so through the services page.