Web Audio / JavaScript / Interactive UI

Modern Harmony Trainer

Browser-based interval and voicing trainer built around recall, structure recognition, and workflow-driven musical practice.

Modern Harmony Trainer interface
Overview

Recall-focused harmony training in the browser.

Modern Harmony Trainer is a browser-based ear and structure training tool built around interval recognition, voicing construction, and modern harmony recall. Instead of treating training as a static quiz flow, the app is designed around active selection, focused filtering, and immediate musical reference playback.

The goal is to make interval and voicing practice feel more direct and more useful, especially for players and producers who want to move beyond rigid visual patterns and build stronger recall from root and structure.

Key Features

What it does

  • Three training modes: Interval, Voicing, and Modern Harmony
  • Focus filters for narrowing the challenge pool by interval, voicing, or category
  • 12-note pitch-class button input for recall-based answering
  • Live monitor that translates selections into interval/function labels
  • Reference playback using an internal browser-based instrument patch
Interaction Design

Built around structure, not just keyboard geography.

The current version uses note-class selection rather than piano-roll input as the main interaction surface. That keeps the emphasis on hearing and recalling the structure itself, rather than relying on a visual keyboard layout.

The app also exposes a Harmonic Monitor, which reflects the selected notes back as interval/function labels relative to the current root. That makes it easier to connect note choices to actual harmonic structure while practicing.

Technical Overview

Challenge generation and browser audio.

The trainer generates challenges from internal interval and voicing datasets, then maps the resulting targets into pitch classes and reference notes. The active mode determines whether the challenge is treated as an interval target or a fuller voicing.

Playback is handled in the browser through a custom Rhodes-style patch, giving the app a more deliberate instrument feel than a basic tone generator or one-shot sample trigger. This keeps the project lightweight while still supporting musical feedback.

Design Direction

Workflow-driven music technology.

This project comes out of a broader interest in building music tools around real workflow friction. The trainer is intended to support more fluid harmonic thinking, especially in situations where players want stronger recall without depending too heavily on fixed visual “box” patterns.

It also acts as a foundation for future expansion, including deeper tracking, richer review logic, and possible MIDI keyboard support in later versions.