Back to Musical Playground

Help

How to use the Vocal Monitor, the Metronome, the Circle of Fifths, and the Tuner.

Requirements

Note: If you opened this from a social-media app (Instagram, Facebook, etc.) and the mic doesn't work, tap the menu and choose Open in Browser.

Getting started

  1. Open the home page and pick a tool.
  2. Allow microphone access when the browser asks (Vocal Monitor and Metronome listen-back only).
  3. Put on headphones if you can — the Vocal Monitor's drone and the Metronome's click can otherwise bleed back into the mic.
🎙

Vocal Monitor

Real-time pitch trace on a piano roll. Use it for free-form ear training or to run vocal exercises against a moving target.

The view

Controls

Sidebar

Tip: When an exercise locks the scale (e.g. Major Triad), the scale-type select is disabled and a "Locked" hint appears. Disable the exercise to free it.

Metronome

A clean rotary metronome with subdivisions, accent patterns, tap tempo, skip-pattern training, timed practice sessions, and a mic listen-back mode that tells you how on-beat you actually are.

The dial

Sidebar

Practice sessions

Toggle Practice mode in the sidebar and set the session and interval lengths (e.g. 10-min session, 1-min intervals). Then on the page:

  1. Start session → 5-second countdown, then the metronome begins.
  2. A distinct two-tone chime plays at every interval transition.
  3. The progress bar fills smoothly through each interval; the time-remaining countdown sits beneath it.
  4. Stop ends the session and the metronome. Restart resets and runs the 5-second countdown again. The session auto-completes at the end of the configured duration.
🎧

Listen back (Metronome)

Hears your hits via the mic (drum pad, claps, taps) and plots them against the beat grid in real time. Designed for percussion practice; works with anything percussive.

Setup

  1. Toggle Listen back on (under the dial or in the sidebar). Allow mic access when asked.
  2. Wear headphones so the metronome's own click doesn't bleed into the mic.
  3. Calibrate roundtrip latency once (see below). Default is 12 ms.

What you see

on-grid (quarter)
on-grid (eighth)
on-grid (sixteenth)
on-grid (triplet)
close (≤80 ms off)
off (>80 ms)

Stats

Calibration

Audio output and mic input have a roundtrip latency that varies per device. Calibration measures it and subtracts it from your stats so an "on the click" hit reads as 0 ms.

  1. Open the Latency field in the sidebar's Listen Back section.
  2. Click Calibrate. The mic auto-enables (if off), the metronome auto-starts (if stopped), and the detector listens at maximum sensitivity for 5 s.
  3. Use speakers, not headphones for calibration — the mic needs to actually hear the metronome.
  4. Don't tap anything during the 5 s window. The median delta between scheduled clicks and detected onsets becomes your latency value.
  5. You can also type a value manually if you know your setup's latency.
Sensitivity slider: higher = catches softer hits, lower = ignores background noise. Watch the waveform: hits should clearly poke above the threshold band.

Circle of Fifths

Big interactive, color-coded wheel of all 12 keys. Click any sector to set the tonic — the wheel highlights its three diatonic neighbors (I / IV / V or i / VI / VII) and updates the key-signature staff in the center.

The wheel

Center hub

Sound

Theory overlays

Toggle these in the sidebar to make extra harmony obvious:

Tip: Click adjacent sectors to hear the I → IV → V → I cadence. Try the same key in major then minor — same letter, very different sound.
🎸

Tuner

A chromatic instrument tuner for guitar, bass, ukulele, and violin — plus a free-form chromatic mode that snaps to the nearest semitone. Pick a tuning preset, play a string, and watch the cents strip lock onto green.

Getting started

  1. Pick your instrument in the sidebar (Guitar, Bass 4-string, Bass 5-string, Ukulele, Violin, or Chromatic).
  2. Pick a tuning if your instrument supports more than one — Standard, Drop D, Half-step, DADGAD, Open D, Open G, Low-G ukulele, etc.
  3. Press Start and allow microphone access when prompted.
  4. Pluck an open string. The big note letter shows the closest target; the cents strip shows how far off you are.

Reading the display

Auto vs manual

Reference pitch

A4 defaults to 440 Hz. Use the slider or the chips (440 / 441 / 442 / 443 / 432) to match an orchestra or a baroque ensemble; the slider goes from 415 Hz (early-music pitch) up to 446 Hz.

Chromatic mode

Pick Chromatic as the instrument when you want to tune anything else — a piano, a tin whistle, a kazoo, a singing voice. The string row hides; the tuner snaps to the nearest semitone of the 12-note chromatic scale at the chosen A4 reference.

Tip: Plug in a clean, mic'd instrument signal if you can — guitar pickups straight into a USB interface work great. The tuner uses the same hybrid pitch detector as the Vocal Monitor, but with the high-pass filter lowered so it can hear bass low E1 (41 Hz). Heavy strumming and chords confuse it; pluck single strings.
🔒

Privacy

All audio processing happens in your browser. The mic stream is analyzed locally — nothing is recorded, uploaded, or sent to any server. Your settings (root note, exercise type, BPM, etc.) are stored in your browser's localStorage and never leave your device.