Music Reading Trainer

The Staff and Clefs

Music is written on a five-line staff. A clef at the start of the staff tells you which notes the lines and spaces represent.

• Treble clef (𝄞) is used for higher pitches — typically the right hand on piano, or instruments like flute, violin, and most vocal lines. Its lines from bottom to top are E, G, B, D, F. Its spaces spell F-A-C-E.
• Bass clef (𝄢) is used for lower pitches — the left hand on piano, bass guitar, cello, etc. Its lines from bottom to top are G, B, D, F, A. Its spaces are A, C, E, G.
• The two clefs meet at middle C — one ledger line below the treble staff and one ledger line above the bass staff.

Note Durations

Notes are held for different lengths of time:

• Whole note — 4 beats
• Half note — 2 beats
• Quarter note — 1 beat (this is what these exercises use)
• Eighth note — half a beat

Time Signatures

The two numbers at the start of the music tell you how the beats are grouped. The top number is how many beats per measure; the bottom number tells you what kind of note gets one beat.

• 4/4 — four quarter-note beats per measure. The most common time signature in popular music.
• 3/4 — three quarter-note beats per measure. Waltz time. These exercises use 3/4 because each interval is taught in three steps: root, second note, and the two notes played together.

Sharps and Flats

A sharp (♯) raises a note by one semitone. A flat (♭) lowers it by one. A natural (♮) cancels a previous sharp or flat.

In other keys, sharps or flats appear right after the clef as a key signature, telling you which notes to alter throughout the piece.

Key Signatures Available in This Release

This release offers three keys to practice:

• C major — no sharps or flats. The simplest starting point. Tonic is C.
• G major — one sharp (F♯). Tonic is G. Exercises are rooted on G and the key signature applies throughout.
• E minor — one sharp (F♯), same as G major (they share a key signature — G major is the relative major of E minor). Tonic is E. Useful for any piece in E minor you may be learning. Notice that in E minor, a "major 3rd ascending" from E lands on G♯, while a "minor 3rd ascending" from E lands on G (the natural note in the scale). Spelling intervals in different keys is part of real reading practice.

Use the Key selector in the controls bar to switch between these keys. The same exercises and intervals are presented, but rooted on the chosen key's tonic and with the appropriate key signature drawn on the staff.

What Is an Interval?

An interval is the distance between two pitches. Intervals have two qualities: a number (second, third, fourth, fifth, etc.) counting the letter names, and a quality (major, minor, perfect, augmented, diminished) describing the exact distance in semitones.

• A melodic interval is two notes played one after the other.
• A harmonic interval is two notes played at the same time.
• Each exercise here shows both: beat 1 is the root, beat 2 is the second note, beat 3 is the two notes sounded together as a harmony.

Mode A vs. Mode B (Descending Perfect Intervals)

When a perfect interval (perfect 4th, perfect 5th, or octave) moves downward, there are two valid ways to think about it. Both keep the root note (C) anchored in the same place — the difference is where the second note lands. Both are used in real music education. Try both and see which fits how you think.

• Mode A — Interval Recognition. Descend to the same letter name you'd ascend to. A "descending P5 from C" means starting on C and dropping to the G below. The two notes form a perfect fifth — the same interval as ascending C-to-G, just explored from above the root rather than below. This is the most common approach in ear training apps and is generally easier for beginners.
• Mode B — Root-Relative. Descend by the interval distance. A "descending P5 from C" means going down 7 semitones (the size of a P5), landing on F below. This is how working musicians often think about voice leading and harmony, and it leads naturally into circle-of-fifths thinking.

Neither is wrong. They train slightly different mental skills. You can switch modes at any time using the toggle above the exercises.

Why only perfect intervals? The Mode A / Mode B distinction is most meaningful for perfect 4ths, 5ths, and octaves, where it represents how musicians actually think about descending interval relationships. For other intervals (2nds, 3rds, 6ths, 7ths, tritone), descending always uses the strict interval-distance interpretation regardless of the toggle, since the alternative would produce musically awkward results that no working musician thinks in terms of. Ascending intervals, of course, are the same in both modes.

How These Exercises Work

Each exercise is in 3/4 time. You'll see three quarter notes:

• Beat 1: the root note alone (melodic)
• Beat 2: the second note alone (melodic)
• Beat 3: both notes played together (harmonic)

This structure mirrors how you'd actually practice an interval at an instrument: play the root, play the second note, then play them together to hear the harmony.

Range of This Release

This release uses pitches from C2 to C6 — four octaves spanning the full reading range most beginning to intermediate students will encounter. This includes:

• C2 to E2 — two ledger lines below the bass staff, useful practice for left-hand bass piano reading
• F2 to A3 — within the bass staff itself
• B3 to D4 — the area around middle C, including ledger lines between the two staves
• E4 to G5 — within the treble staff itself
• A5 to C6 — two ledger lines above the treble staff, useful practice for high right-hand reading

Practicing in all of these registers is important because the same interval can read and sound differently depending on where it sits on the staff. The ledger-line zones (the extremes of this range) are where many readers struggle, so this release includes deliberate practice there.

About Accessibility

This app is a sight-reading trainer — its purpose is to develop your ability to look at written music on the staff and recognize what you see. The visual content is the curriculum, not decoration.

Because the staff is the thing being read, this app is designed primarily for sighted users. We have worked to make every control on the page (clef toggle, key selector, mode toggle, activity toggle, audio controls, quiz buttons) fully keyboard-navigable and screen-reader friendly — so a sighted user with motor disabilities, low vision that still permits staff reading, or who prefers keyboard navigation can use the app fully. But we deliberately do not try to make the staff itself read aloud in a way that would announce the answer to the quiz.

If you can't read music notation visually, our companion app Ear Trainer trains the same underlying skill — interval and chord recognition — through audio alone. The two apps are sister tools for the same musicianship, approached from different senses.

Audio & Attribution

The piano sounds you hear are real recorded samples of a Yamaha C5 grand piano, generously released under a Creative Commons license by Alexander Holm. The audio playback engine is Tone.js, a JavaScript audio framework by Yotam Mann. The musical staff is rendered by VexFlow, a JavaScript music notation library.

• Salamander Grand Piano by Alexander Holm — CC-BY 3.0. Samples available at github.com/sfzinstruments/SalamanderGrandPiano.
• Tone.js by Yotam Mann — MIT License. Available at tonejs.github.io.
• VexFlow — MIT License. Available at github.com/0xfe/vexflow.

All three contributions are gratefully acknowledged.