Online Metronom Pro

Erklärung & FAQ

Dieses Online-Metronom ist so gebaut, dass du es ohne Plugins direkt in WordPress (Elementor Free) einsetzen kannst. Es lädt keine externen Dateien, nutzt keine Fonts/CDNs und funktioniert vollständig im Browser. Der Klang entsteht über die Web-Audio-API: Ein kurzer Oszillator-Impuls wird mit einer Gain-Hüllkurve (schnell an, schnell aus) geformt. Dadurch bekommst du einen klaren Klick ohne Knacksen. Für Orientierung im Takt kann der erste Schlag akzentuiert werden (höhere Tonhöhe und etwas mehr Lautstärke).

Warum das wichtig ist: Normale JavaScript-Timer (setInterval) können je nach Gerät, CPU-Last und Hintergrund-Tab schwanken. Dieses Metronom plant die nächsten Klicks deshalb ein kleines Stück „in die Zukunft“ im Audio-Zeitplan (Scheduling-Lookahead). Das macht die Schläge spürbar stabiler – besonders bei 120–220 BPM oder bei Unterteilungen wie Sechzehnteln. In Safari/iOS gilt außerdem: Audio darf erst nach einer Nutzer-Aktion starten. Darum gibt es einen großen Start-Button; beim Start wird der AudioContext per resume() aktiviert und die Planung gestartet.

• Tap-Tempo: Tippe auf „Tap“ oder drücke die Taste T (oder die Leertaste im Takt). Das Tool misst die Abstände deiner letzten Taps, verwirft Ausreißer und bildet daraus einen Durchschnitt. So bekommst du schnell ein realistisches Tempo – super, wenn du ein Song-Tempo „abnehmen“ willst.
• Taktarten: Wähle z. B. 4/4, 3/4, 5/4 oder 6/8. Die Beat-Dots zeigen dir, auf welchem Zählzeit-Punkt du bist. Gerade bei ungeraden Takten hilft die visuelle Orientierung enorm.
• Unterteilungen: Viertel, Achtel, Triolen oder Sechzehntel. Praktisch fürs Timing-Training (z. B. 70 BPM und Sechzehntel für saubere Läufe) oder für 6/8-Grooves mit Achtel-Unterteilung.
• Sound & Lautstärke: Du kannst zwischen „Click“ (klar) und „Wood“ (wärmer) wechseln und die Lautstärke fein regeln.
• Visuelles Feedback: Der Puls-Ring und die pendelartige Bewegung geben dir ein Gefühl für „Flow“. Wenn du leise üben musst, zieh die Lautstärke runter und nutze die Visuals als Orientierung.

Übungs-Ideen: Starte bei einem Tempo, in dem du fehlerfrei spielen kannst. Erhöhe dann in 2- oder 5-BPM-Schritten (Pfeil hoch/runter, mit Shift ±5). Für „Pocket“-Übungen kannst du die Unterteilung auf Viertel lassen und bewusst zwischen den Klicks „einrasten“. Für Präzision kannst du auf Triolen umstellen und dieselbe Figur über mehrere Takte halten. Fortgeschrittene Variante: Lass den Akzent auf 1 an, aber spiele bewusst Offbeats (z. B. nur auf „2 und 4“) – das trainiert Timing und innere Uhr.

Bedienung: Stelle BPM per Slider oder Eingabefeld ein, wähle Taktart und Unterteilung, aktiviere optional „Akzent auf 1“ und starte. Stop hält sauber an. Die zuletzt genutzten Einstellungen werden im Browser gespeichert (localStorage), damit du beim nächsten Besuch direkt weiterübst. Shortcuts: Leertaste = Start/Stop, T = Tap, ↑/↓ = BPM ±1, Shift+↑/↓ = BPM ±5, Esc = Stop.