Practise piano with a MIDI keyboard in your browser

What the browser hears

A class-compliant USB MIDI keyboard sends note messages to the browser. Tập Nhạc reads those messages with Web MIDI, matches each note to the score at the moment it should sound, and records the result. No driver or keyboard brand is needed: connect it, allow MIDI access, and play.

The judge works on the same timeline as playback. Pitches are compared to the written notes, and timing is compared to the clock. A note can be right in pitch but late; that still counts as late. The point is not a perfect score, but seeing which note, in which hand, at which bar, is not reliable yet.

Right, wrong or late, per hand

• Right. The expected pitch arrives at the expected time.
• Wrong. A different pitch arrives where the score expects another one. The score marks the note so you can see the mistake in context.
• Late. The right pitch arrives after its place in the bar. Late notes are useful evidence: a passage that is accurate but late needs a slower tempo, not more repetition at speed.

Hands are judged separately. With hands separate on, a clean repetition walks the right hand, then the left, then both hands together before the tempo ladder continues.

If you want the app to wait, turn on wait for key. Playback stops at the next chord until every expected pitch has been heard: a slow mode for learning the notes, not for playing in time.

Put the keyboard work on the hard bars

Select the bars that trip you up and loop only those. The passage starts at 60 percent of the score's tempo. Three clean repetitions in a row move the tempo up one step; two misses in a row move it back down. When a single bar keeps breaking the loop, drill that bar alone and return to the passage when it holds.

Misses are counted per bar, so the app can point at the bars that cost the most. A short loop, a slow tempo and an honest judge are more useful than a full run through the piece. The tempo ladder goes from 50 to 100 percent of the score's tempo, so there is a step below the starting point when a passage needs it.

Set up in a few steps

1. Connect the keyboard

   Use a USB cable, or the keyboard's own wireless adapter if it presents itself as a MIDI device. Switch it on before opening the app.

2. Allow MIDI access

   The browser asks once. If you decline, the app keeps working with the on-screen keyboard.

3. Open a score and choose bars

   Import MusicXML or MIDI, or add a bundled sample, then select the passage you want to drill.

4. Play, and let the judge decide

   Each pass is judged from the notes it heard. Mark a pass yourself only when you are using the on-screen keyboard.

Web MIDI is not available in every browser. Safari and Firefox do not expose it in the same way, so use Chrome or Edge on desktop for judged practice.

Private by default

The keyboard input and the attempt history stay on your device. There is no account, no upload and no practice profile to maintain. Sync is optional, and the core loop works offline once the app has loaded, so the next bar does not need a network connection.

Questions

More ways to practise

The method explains the passage-first loop from the first bar to spaced review. If you are working on reading rather than drilling, piano sight reading practice covers the aids and how to fade them. If your score is a MusicXML file, practise any MusicXML score, bar by bar shows what happens on import.