How to Use a MIDI Keyboard to Practice Sight-Reading

Why playing the note beats clicking it

Naming a note by tapping a letter button drills recognition in isolation, which is useful, but it skips the exact translation you actually need at the instrument: see the note on the page, and immediately know which physical key produces it. Playing a MIDI keyboard closes that loop. You see a note, you play it, and you get instant confirmation of both whether you named it correctly and whether you found it on the keyboard — which is the real-world task sight-reading serves.

What the Web MIDI API actually does

The Web MIDI API is a browser feature that lets JavaScript running on a web page communicate directly with MIDI devices connected to your computer — keyboards, controllers, synths — without any driver installation beyond the one your operating system already uses for the device. When a compatible site requests MIDI access, your browser shows a permission prompt (similar to camera or microphone access); once granted, the page can receive the note-on and note-off events your keyboard sends.

This means a practice tool can show you a note, wait for you to physically play it, and check whether you played the right one — entirely in the browser, with no software to install.

Browser support (as of 2026)

If MIDI input is not detected, first check whether navigator.requestMIDIAccess exists on the current page. Then confirm that the page uses HTTPS, site permission was granted, and the operating system can see the connected device. This feature check is more reliable than blocking a browser by name.

Setting up a MIDI keyboard for practice

1. Connect via USB. Most consumer MIDI keyboards from the last decade connect over a standard USB cable and are class-compliant, meaning your operating system recognizes them with no driver install.
2. Open an HTTPS MIDI page in a supported desktop browser. The page should confirm that navigator.requestMIDIAccess is available. Firefox 108+ may prompt you to install its site-permission add-on.
3. Grant MIDI access when prompted. Permission is controlled per site and can be withdrawn in browser settings.
4. Play a note to confirm the connection. Most tools show a visual indicator (a dot, a label with your device name) once a device is detected and a note is played.
5. You don't need a full-size keyboard. A small 25- or 32-key USB MIDI controller (often under $50) is enough for note-naming practice — you're not performing repertoire, just triggering individual notes. If you're trimming subscriptions to free up room in the budget for it, a tool like SpendCull can help find the recurring charges worth cutting first, and if you've already got a bigger keyboard collecting dust, listing the spare on Listingtonic can help pay for the small one.

Octave doesn't matter for note-naming practice

Clef's browser note-naming drill accepts the correct natural-note name in any octave. This keeps that exercise focused on note-name recognition. When practicing sequences or hand coordination, use the indicated register. For chord inversions, also check which note is lowest and how the notes are arranged above it.