Audio-Design der Hörbeispiele
Tempo: BPM 100 – Ein moderates Tempo, bei dem ein Beat (eine Viertelnote) genau 0,6 Sekunden dauert. 100 BPM ist international Standard für Übungs- und Lernmaterial, weil es weder zu hektisch noch zu schleppend wirkt. Ein 4/4-Takt dauert damit 2,4 Sekunden.
Metronom-Klicks – Die vier Klicks pro Takt (Beat 1 mit höherer Tonhöhe als Beat 2–4) geben dem Ohr eine Orientierung. Bei Pausen-Symbolen läuft das Metronom weiter, während die Note schweigt – so wird die Pause als Stille zwischen den Klicks wahrnehmbar.
Tonart C-Dur – Alle Notenbeispiele bewegen sich in C-Dur (C, D, E, F, G, A, H), weil das die Tonart ohne Vorzeichen ist und keine zusätzliche Komplexität in die Hörprobe bringt. So bleibt der Fokus auf dem Rhythmus oder dem demonstrierten Symbol.
Rhythmische Verhältnisse – Eine Viertelnote dauert genau einen Beat (0,6 s) und fällt mit einem Klick zusammen. Eine Achtelnote dauert einen halben Beat – du hörst zwei Achtel pro Klick. Sechzehntelnoten: vier pro Klick. 32stel: acht pro Klick. So wird das Verhältnis visuell und akustisch sofort verständlich.
Triolen, Duolen, Quintolen – Diese spielen bewusst „quer“ zum Metronom: Eine Triole quetscht 3 Noten in den Raum von 2 Beats, eine Quintole 5 Noten in 1 Beat. Du hörst direkt die rhythmische Reibung – genau das macht diese Notenwerte aus.
Dynamik-Beispiele (ppp bis fff) – Die Lautstärke-Symbole spielen denselben Akkord auf jeweils unterschiedlichen Lautstärken, sodass der Unterschied direkt hörbar wird. Die Skala ist gleichmäßig abgestuft von kaum hörbar (ppp) bis voll und kräftig (fff). Ein Master-Kompressor verhindert dabei Verzerrung bei den lauten Stufen.
Klangfarbe – Leise Dynamik und Noten nutzen Sinus-Wellen (weich, rund). Laute Dynamik und Akzente nutzen Sägezahn-Wellen (obertönreicher, kräftiger). Artikulation wie Staccato nutzt Dreieck-Wellen mit kurzer Hüllkurve. Diese Klangfarben-Wahl entspricht der musikalischen Intuition.
Warum keine echten Instrumente? – Die Töne werden mit dem Web Audio API direkt im Browser synthetisiert. Das hält die Seite extrem leichtgewichtig (keine Audio-Dateien zum Download) und alle Beispiele funktionieren ohne Internet-Verbindung sofort.
