Virtuelles Klavier: online mit deiner Tastatur spielen

Ein spielbares Klavier mit drei Oktaven im Browser: Klicke oder tippe auf die Tasten, spiele per Computertastatur oder schließe ein MIDI-Keyboard an.

Jeder Ton wird live mit der Web Audio API synthetisiert, ohne Sample-Downloads. Die Anzeige zeigt die genaue Frequenz des zuletzt gespielten Tons.

Virtuelles Klavier: online mit deiner Tastatur spielen
Ein spielbares Klavier mit drei Oktaven im Browser: Klicke oder tippe auf die Tasten, spiele per Computertastatur oder schließe ein MIDI-Keyboard an.
Tonumfang: C3 – B5
Lautstärke

Letzter Ton: Spiele eine Taste zum Starten

Frequenz = 440 × 2^((n − 69) ÷ 12), wobei n die MIDI-Notennummer ist. C4 (n = 60) hat somit 261.63 Hz und A4 (n = 69) genau 440.00 Hz.

MIDI: nicht verbunden

Computertastatur: A S D F G H J K L spielt die weißen Tasten ab dem tiefsten C, W E T Y U O P die schwarzen Tasten dazwischen.

Zuordnung von Computer- und Klaviertasten
WC#ED#TF#YG#UA#OC#PD#
ACSDDEFFGGHAJBKCLD;E'F

Die Buchstaben spielen die unteren zwei der drei sichtbaren Oktaven, beginnend bei der aktuellen Basisoktave. Verschiebe die Oktave, um höhere oder tiefere Töne zu erreichen.

Über dieses virtuelle Klavier

Dies ist ein wirklich spielbares Instrument, nicht nur ein Bild. Die Klaviatur umfasst drei Oktaven, standardmäßig C3 bis B5, und lässt sich mit den Oktavtasten im Bereich C1 bis B7 verschieben. Jede Taste erzeugt einen echten synthetischen Ton aus zwei Oszillatoren: einer Dreieckwelle für den Klangkörper und einer leiseren Sinuswelle eine Oktave darüber für einen runden Klang. Eine Hüllkurve mit schnellem Anschlag und natürlichem Abklingen formt den Ton. Mit Sustain klingen Noten fast drei Sekunden nach, als würdest du das Dämpferpedal halten. Es gibt drei Spielweisen. Klicke oder tippe direkt auf die Tasten. Sie sind mit einfachem CSS gezeichnet und funktionieren auf Desktop- und Touchscreens gleich. Oder nutze die Computertastatur mit der üblichen Belegung vieler Musikprogramme: A S D F G H J K L spielt die weißen Tasten ab dem tiefsten sichtbaren C. Die Reihe darüber, W E T Y U sowie O und P, spielt die schwarzen Tasten dazwischen. Diese Belegung bildet die Form eines Klaviers nach und ist deshalb zum Standard geworden: A-W-S-E-D entspricht C, Cis, D, Dis, E. Unterstützt dein Browser Web MIDI, etwa Chrome oder Edge, kannst du schließlich MIDI-Eingang aktivieren drücken und ein angeschlossenes MIDI-Keyboard direkt spielen. Die Frequenzanzeige unter den Tasten ist eine kleine Musiktheoriestunde. Moderne Instrumente nutzen die zwölfstufige gleichstufige Stimmung mit A4 = 440 Hz. Jeder Halbton multipliziert die Frequenz mit der zwölften Wurzel aus 2, etwa 1.05946. Spiele A4 und du siehst genau 440.00 Hz, bei C4, dem mittleren C, 261.63 Hz. Eine Oktave höher bei C5 verdoppelt sich der Wert auf 523.25 Hz. Die Zahlen beim Spielen zu beobachten macht die logarithmische Natur der Tonhöhe greifbarer als ein Lehrbuchdiagramm. Auch zwei Oktaven reichen, um die wichtigen Formen zu lernen. Finde die Durtonleiter auf weißen Tasten ab C. Bilde Intervalle: Eine reine Quinte umfasst sieben Halbtöne (C4 bis G4), eine große Terz vier (C4 bis E4). Kombiniere sie zu einem C-Dur-Dreiklang und versetze die Terz eine Taste nach unten für C-Moll. Die einblendbaren Notennamen verbinden das Gehörte, die sichtbare Taste und ihre Bezeichnung in der Notenschrift. Blende sie aus, sobald du die Anordnung verinnerlicht hast. Alles läuft lokal auf der Seite. Nichts wird aufgenommen oder hochgeladen, und nach dem ersten Laden ist keine Netzwerkverbindung mehr nötig.

Töne, Intervalle und Akkorde zum Ausprobieren

Geprüfte Frequenzen der gleichstufigen Stimmung mit Standard-Kammerton A440.

Spiele dasErwartete AnzeigeDas lernst du
A4 (das A rechts vom mittleren C)Letzter Ton: A4 · 440.00 HzDer Kammerton als Stimmreferenz für Orchester. Alle anderen Frequenzen werden davon abgeleitet.
C4 (mittleres C)Letzter Ton: C4 · 261.63 HzDie Mitte von Klaviatur und Klaviernotensystem, genau neun Halbtöne unter A4: 440 ÷ 2^(9/12).
C4, dann C5261.63 Hz, dann 523.25 HzEine Oktave verdoppelt die Frequenz exakt und ist das konsonanteste Intervall.
C4 – E4 – G4 zusammen (schnell, mit aktiviertem Sustain)Etwa 261.63, 329.63, 392.00 HzEin C-Dur-Dreiklang: große Terz (4 Halbtöne) und kleine Terz (3 Halbtöne), vom Grundton aus übereinandergeschichtet.
A4, dann E5 (bei Bedarf Oktave höher)440.00 Hz, dann 659.26 HzEine reine Quinte: Das Frequenzverhältnis 1.498 liegt fast beim reinen Verhältnis 3:2, dem sich die gleichstufige Stimmung annähert.

So spielst du das virtuelle Klavier

  1. Klicke oder tippe auf eine Taste, oder nutze die Computertastatur: A S D F G H J K L sind die weißen, W E T Y U O P die schwarzen Tasten.
  2. Verschiebe mit Oktave tiefer und Oktave höher das Fenster von zwei Oktaven im Bereich C1 bis B7.
  3. Aktiviere Sustain, damit Töne wie mit gehaltenem Dämpferpedal nachklingen. Mit Notennamen anzeigen blendest du die Beschriftungen ein oder aus.
  4. Beobachte die Anzeige: Sie nennt den zuletzt gespielten Ton und seine genaue Frequenz in Hertz.
  5. Du hast ein MIDI-Keyboard? Klicke in Chrome oder Edge auf MIDI-Eingang aktivieren und spiele direkt darauf.

Häufige Fragen zum virtuellen Klavier

Warum zeigt A4 genau 440.00 Hz an?
A4 = 440 Hz ist der international genormte Kammerton (ISO 16). In gleichstufiger Stimmung werden alle anderen Töne davon abgeleitet: Jeder Halbton nach oben multipliziert die Frequenz mit der zwölften Wurzel aus 2. Zwölf Halbtöne, also eine Oktave, verdoppeln sie exakt auf 880 Hz.
Wie ist die Computertastatur belegt und warum?
A S D F G H J K L spielt die weißen Tasten ab dem tiefsten sichtbaren C, W E T Y U O P die schwarzen darüber. Diese Konvention nutzen auch GarageBand, Ableton Live, FL Studio und die meisten DAWs. Die QWERTY-Reihen bilden die Klaviatur nach: Die obere Reihe liegt zwischen den unteren Tasten, wie schwarze zwischen weißen Klaviertasten.
Wie entsteht der Klang?
Jeder Ton nutzt zwei Web-Audio-Oszillatoren: eine Dreieckwelle auf der Tonfrequenz für Wärme und eine leisere Sinuswelle eine Oktave höher für runde Höhen. Beide laufen durch eine Lautstärkehüllkurve mit 8 ms Attack. Ohne Sustain klingt der Ton nach etwa einer halben Sekunde ab; mit Sustain hält er fast drei Sekunden, wie bei gehaltenem Pedal.
Funktioniert MIDI-Eingang in jedem Browser?
Web MIDI wird von Chromium-Browsern wie Chrome, Edge, Opera und Brave unterstützt. Safari und Firefox liefern es standardmäßig nicht mit. Die Schaltfläche prüft die Unterstützung und zeigt andernfalls nur einen Hinweis. Klicken und Spielen per Computertastatur funktionieren weiterhin überall.
Kann ich damit Klavier lernen?
Es eignet sich sehr gut für die Anordnung von Notennamen, Tonleitern, Intervallen und Akkordformen sowie zur Gehörbildung mit exakten Frequenzen. Anschlagsdynamik lässt sich damit nicht lernen, da Computertasten nicht anschlagsempfindlich sind. Die gelernte Anordnung kannst du direkt auf ein echtes Klavier oder MIDI-Keyboard übertragen.
Warum höre ich nichts?
Browser erlauben Ton erst nach einer Nutzeraktion. Die Audio-Engine startet deshalb beim ersten Klick oder Tastendruck. Bleibt sie stumm, prüfe hier den Lautstärkeregler, das Ausgabegerät deines Systems und ob der Tab stummgeschaltet ist. Die Notenanzeige aktualisiert sich trotzdem und bestätigt, dass Tastendrücke erkannt werden.