Vocal Pitch Monitor — Real-Time Intonation for Singers

A vocal pitch monitor in your tab: your fundamental is drawn in real time so you can work on singing in tune, vibrato, and stability — the same local WebAssembly/Web Audio analysis as the rest of the site, with no server-side processing of your voice. Save MIDI range, overlays, and sensitivity per browser; the canvas is HiDPI-aware. Use Fullscreen in the plot bar to focus on the trace (header + graph, sidebar hidden; Esc to exit). Ideal for warmups, phrase fixes, and passaggio checks without installing an app.

See exactly where your voice goes flat or sharp

The trace shows pitch drift through a line or phrase so you can spot sharp entrances, flat releases, and unstable vowels. Optional highlight overlays emphasize the nearest pitch row and a horizontal reference for the current tone — when Highlight is on, a brief drop in level can keep the last stable pitch visible for a few seconds before it fades, so short gaps do not feel visually noisy.

How singers use the pitch graph for intonation practice

Sing scales, arpeggios, or song fragments while watching the graph: aim for a smooth line on sustained notes and consistent peaks on repeated patterns.

Warm up your voice and track pitch stability over time

Use short sessions before rehearsals or gigs: lip trills, sirens, and long tones — the display helps you notice when your warmup has “settled” versus when you are still straining.

Works for all voice types — soprano, alto, tenor, bass

The detector follows the fundamental of whatever you sing; use the Low–High MIDI selects above the chart to frame the exact register you are training that day, from chest to head voice and mix.

LowHigh
Sensitivity0.010

How to Use Pitch Visualization

The graph shows estimated fundamental frequency over time. The vertical axis is logarithmic so equal musical distances (semitones) look evenly spaced whether you sing low or high. The plot resizes with the page, uses device pixel ratio for a sharp bitmap on retina-class displays, and gives note labels extra margin on narrow screens so the trace stays readable.

Before you see a trace

  • Turn on the microphone from the control strip and allow access. If the trace is empty, raise Pitch detection sensitivity in the plot settings bar above the chart, or sing closer to the mic.
  • Pitch points only appear when the detector finds a stable tone above the sensitivity threshold; noisy or very soft passages may show gaps.
  • If the graph feels too zoomed in or out vertically, widen or narrow the Low–High MIDI range. Turn off Other pitches if weaker partials clutter the display.

Plot settings bar (above the chart)

  • Low / High — Choose the MIDI note span for the vertical axis (logarithmic pitch still). Values are remembered for this browser.
  • Other pitches — When enabled, fainter secondary peaks are drawn alongside the main pitch per time slice; when disabled, only the strongest pitch is shown.
  • Highlight — Emphasizes the nearest pitch row, draws a horizontal reference and label for the current main frequency, and (during playback) places a dot on the curve at the playhead. With Highlight on, a short silence or unstable frame can keep the last valid pitch emphasized for a few seconds before it clears.
  • Sensitivity — Slider from 0.001 to 0.10; higher values accept quieter or noisier input, lower values are stricter. It stays in sync with the app’s pitch detection threshold.
  • These choices are saved automatically in local storage and restored when you revisit the page.

Browser fullscreen

  • The Fullscreen control sits in the same row as the options above. It requests fullscreen on the main app content: the top header (title, menu, and shared Controller strip) stays on screen with the pitch graph, while the sidebar and other page chrome are hidden.
  • On this detail view, the graph area is padded (similar to the home dashboard) so the trace is not flush against the window edge.
  • Click Exit Fullscreen (same button) or press Esc to leave fullscreen. The plot bar and transport stay usable the whole time.

Recording vs playback

  • While recording, new points are added along the timeline in real time.
  • When you stop recording, the take stays on screen in a frozen snapshot so you can inspect it. Starting a new recording clears the graph for the next session.
  • During playback, the chart can follow the playhead and show the note name and frequency at the current time; with Highlight enabled, the playhead marker tracks along the trace.

Chart interaction

  • Auto-follow (default): the time window scrolls so recent audio stays in view.
  • Click and drag horizontally on the plot to pan along time (the vertical range is controlled by Low / High, not by dragging). Dragging usually pauses auto-follow until you turn it back on.
  • Double-click the chart to clear a fixed time window and re-enable auto-follow; a purple on-canvas hint reads “Drag Mode (Double-click to reset)” while auto-follow is off.
  • If you dragged the view earlier, double-click the plot or start a new recording so the window is not stuck off-screen on mobile.

Good use cases

  • Vocal intonation, interval practice, and seeing vibrato width over time.
  • Instrument tuning and comparing long tones across registers.
  • Pair with the Controller for gain, monitoring, file export, and precise scrubbing on the progress bar.

Vocal practice ideas

  • Spot flat or sharp moments in a phrase while you sing — adjust vowels and support, then repeat.
  • Observe vibrato width and steadiness on sustained notes.
  • Compare pitch stability before and after a warmup routine.
  • Check intonation at the top and bottom of your comfortable range.