Visual Metronome — Silent Practice

A visual metronome is the same instrument as an audible one with the sound taken away: the pendulum swings, the beat tape moves, the escapement advances one tooth per beat — and no click reaches the room. This page runs the site’s precision metronome in its visual role, for silent rooms, loud stages, hearing protection and anyone who wants to see the beat rather than hear it.

When to use a visual metronome

There are four situations where the visual channel beats the audio one:

• Silent practice. Apartments, shared houses, sleeping children, late-night hotels. Muting the clicks leaves a metronome that still marks every beat, and nothing audible leaves the device.
• Loud stages and rehearsals. An acoustic drummer behind a kit cannot hear a click that is competing with the band. A screen at the edge of the kit stays visible when the audio does not.
• Hearing protection. Musicians who already have hearing damage, or who wear earplugs or in-ears while playing, lose the click in the attenuation. The pendulum keeps working when the ears are covered.
• Timing without dependency. Players who have leaned on the click for years can practise with the sound off and let the eyes take over the job of holding tempo. It is the same exercise teachers recommend when they ask you to count out loud.

The pendulum, the beat tape and the audio clock

The important design decision on this page is that the visuals are not decoration driven by a separate animation timer. The pendulum, the beat tape and the click scheduler all read the same Web Audio hardware clock.

That matters because a JavaScript timer is not a musical clock. setInterval runs on the main thread next to layout, script and garbage collection, so a purely visual metronome built that way drifts the moment the page gets busy. Here, the swing is interpolated from the audio clock’s own time base, so when the scheduler queues a click for a specific sample, the pendulum reaches the corresponding extreme at that same moment. Mute the audio and the timing chain is unchanged — you have removed the output, not the reference.

The practical result: the visual beat and the audible beat are never in conflict. If the two ever disagreed, the click would be the one you would distrust; that cannot happen here because they are the same clock.

Stage mode: the screen as the instrument

Stage mode hides the controls and enlarges the instrument to fill the viewport, leaving the pendulum, the beat tape and a minimal transport row. It is the mode to use on a tablet on a music stand, or a laptop beside a keyboard, where the screen is a piece of stage equipment rather than something you look at between takes.

Two details make it usable in practice. First, the transport stays reachable, so you can start, stop and mute without leaving the mode. Second, the page can hold a screen wake lock, so the display does not dim while you are playing. Set the tempo before you enter stage mode; the drag-weight interaction is hidden by design.

Silent practice routines that work

Muting the clicks is not just a workaround for noise complaints. Used deliberately, it is one of the best timing exercises available:

1. Count in, then play. Leave the sound on for one bar, mute for the next, and keep playing. Alternate bars force you to internalise the pulse instead of following it.
2. Half-tempo listening. Set the metronome to half the target tempo and treat each swing as beats 2 and 4. The pendulum gives you a visual backbeat while your internal clock supplies the downbeats.
3. Subdivision vision. Turn on sixteenth-note subdivisions and watch the beat tape: the main accents are larger, the subdivisions smaller. Play the subdivision pattern without the click, then check yourself against the tape.
4. Tempo ladders. Practise a passage at a tempo you can play cleanly, then move the weight up in small steps — 2 to 4 BPM — and repeat. Silent mode keeps the exercise usable at night, and the tape records the accents so you can see a bar pass even when you are not counting.
5. Odd meters. Five and seven-beat bars are easier to feel when you can see the grouping. Run 5/4 with the accent on beat 1 and count 3+2 out loud against the swing.

What you give up when the clicks are muted

A silent metronome cannot do everything an audible one can. The honest limits:

• No pitch reference. A visual beat tells you when, never what. For intonation practice you need a drone or a tuner, not a muted click.
• No new-material crutch. When you are learning a part, the audible click is doing real work: it tells you when you were early or late without requiring you to watch anything. Mute it only after the notes are in your hands.
• Attention is a resource. Watching a pendulum while reading music splits your focus. This is a practice tool, not a performance aid — on stage, keep the screen in peripheral vision and let it confirm what you already feel.

Used with those limits in mind, the visual channel is not a downgrade. It is a different, and sometimes better, way to build the internal clock.

Meters, subdivisions and shareable setups

The instrument covers one to seven beats per bar, with eighth, triplet and sixteenth subdivisions under the main beat and an accent on the downbeat. Tap the instrument face or use the tap button to measure a tempo you have in your head; the pendulum picks it up immediately.

Settings live in the URL, so a practice setup is a link. The tool understands ?bpm=, ?sig= and ?sub= — for example, /tools/metronome/?bpm=76&sig=5&sub=2 opens a 76 BPM, five-beat bar with eighth-note subdivisions, which is a useful default for slow 5/4 work. Send it to a student, a bandmate or your future self, and the same pendulum is waiting.

Accuracy and troubleshooting

• Background tabs. Browser timers throttle when a tab is hidden, which is why the scheduler widens its lookahead window to 1.5 seconds. The beat survives; the animation resumes when you return.
• Bluetooth speakers and headphones. If you are using the audible click over Bluetooth, the sound arrives tens of milliseconds late even though the visuals are exact. Check the site’s audio latency test if the discrepancy bothers you — for visual practice, it does not apply at all.
• Screen dimming. Stage mode’s wake lock keeps the display alive; if your device refuses it, raise the screen timeout in system settings.
• Phone screens. The layout is responsive down to phone width, but for stage use a tablet or laptop is easier to read at a distance.