DE

Drumcomputer: Beats im Browser bauen

Tippe Felder im Raster an, drücke „Abspielen“ – und der Beat läuft in Schleife. Alle Klänge werden live im Browser synthetisiert. Dein Muster steckt im Link, so kannst du es teilen oder später weiterbauen.

Bereit.

Mit Kopfhörern leise beginnen.

Tastatur: Leertaste = Start/Stopp, Tasten 1–6 spielen die Klänge einzeln.

Die Klänge entstehen im Browser. Dein Muster steht nur im Link und in deinem Browser.

Ergebnis

So wird gerechnet

So baust du einen Beat

  1. Jede Zeile ist ein Instrument, jede Spalte ein Sechzehntel eines 4/4-Takts. Ein Feld antippen schaltet den Schlag ein oder aus.
  2. „Abspielen“ – der Takt läuft in Schleife, die aktuelle Spalte leuchtet mit. Du kannst während des Abspielens weiter ändern.
  3. Tempo (40–240 BPM) und Swing einstellen. Swing verzögert jedes zweite Sechzehntel und macht den Groove lockerer.
  4. Mit den Vorlagen startest du von einem einfachen Grundmuster und baust es aus.
  5. Zum Teilen einfach den Link kopieren – das Muster, Tempo und Swing stecken darin.

Wie die Klänge entstehen

Es gibt keine Samples: Kick, Snare, Hi-Hats, Clap und Tom werden aus Oszillatoren, Rauschen und Filtern der Web Audio API erzeugt. Die Schläge werden auf der Audio-Uhr des Browsers vorausgeplant, wie im Artikel „A Tale of Two Clocks“ auf web.dev beschrieben. Dadurch bleibt der Rhythmus stabil, auch wenn die Seite gerade beschäftigt ist.

Grenzen

Ein Takt mit 16 Schritten, sechs Spuren, kein Export als Audiodatei. Im Hintergrund-Tab kann der Browser Zeitgeber drosseln; der Beat wird deshalb weiter im Voraus geplant, kurze Aussetzer sind trotzdem möglich. Die Vorlagen sind einfache Ausgangsmuster, keine exakten Nachbildungen bestimmter Songs oder Stile.

Häufige Fragen

Ist der Drumcomputer kostenlos?

Ja, ohne Anmeldung und ohne Installation. Er läuft komplett im Browser, auch auf Handy und Tablet.

Wie teile ich meinen Beat?

Das Muster, das Tempo und der Swing stehen automatisch im Link der Seite. Kopiere ihn einfach oder nutze die Teilen-Funktion.

Was macht der Swing-Regler?

Er verschiebt jedes zweite Sechzehntel etwas nach hinten. Bei 0 % klingt der Beat gerade, mit mehr Swing lockerer und „shuffelnder“.

Kann ich den Beat als MP3 speichern?

Nein, einen Audio-Export gibt es nicht. Du kannst das Muster aber über den Link jederzeit wieder öffnen.

Warum stockt der Beat im Hintergrund?

Browser drosseln Zeitgeber in inaktiven Tabs. Der Drumcomputer plant dann weiter im Voraus, ganz ausschließen lassen sich Aussetzer aber nicht.

Quellen und Rechtsgrundlagen

Stand:

Passende Werkzeuge