← Blog

Ein Blick in den Playground

Die Demo auf der Startseite ist eine vereinfachte Browser-Skizze, die erklärt, wie Grit funktioniert. Die App ist sie nicht. Hier steht, was sie kann und was fehlt.

Bijan Rahnema 4 Min. Lesezeit

Das Erste auf der Grit-Startseite ist ein Playground: eine vereinfachte Skizze des App-Fensters mit vier Decks, Abschnitts-Pads, Stem-Schaltern, einem Mixer und einem Crossfader. Drück auf Play, und es klingt, und jedes Bedienelement, das du anfasst, verändert, was du hörst.

Er soll das Prinzip erklären, nicht die App ersetzen. Dieser Beitrag erklärt, was dort läuft – und was fehlt.

Eine Skizze, nicht die App

Grit selbst ist eine native Anwendung, in Rust geschrieben, rund um eine harte Echtzeit-Audio-Engine. Nichts davon läuft in deinem Browser.

Der Playground stammt aus Grits erstem Prototyp, einer Web-App mit Electron und Tone.js aus der Zeit vor dem nativen Neubau. Er spielt über das Web Audio deines Browsers, das sich seine Zeit mit allem anderen teilt, was die Seite gerade tut. Um zu zeigen, wie Abschnitte, Stems und Szenen zusammenspielen, reicht das. So klingt Grit aber nicht und so hält es auf der Bühne nicht den Takt, und das meiste der App fehlt: eigene Tracks vorbereiten, acht Decks, Key Sync, Scratchen, MIDI und mehr.

Vier echte Tracks

Der Playground spielt vier House-Tracks, die ihre Artists unter der Creative-Commons-Lizenz „Namensnennung“ veröffentlicht haben:

  • Art Now, AlexBeroza feat. Snowflake, Electro House
  • All I Need, Malk & Starjam feat. DaKooka, House
  • Runnin', Square a Saw, Dance
  • Preoccupied in Thoughts (Craig Ferrier Remix), DJ DeadSheakerz feat. HunterSynth, House

Grit hat sie so vorbereitet wie deine Tracks: in Drums, Bass, Vocals und Other getrennt und Beatgrid, Tonart und Abschnitte erkannt. Die Demo spielt von jedem Track vier Abschnitte zu je vier Takten, ein Intro, einen Groove, einen Break und einen Drop, geschnitten auf Grits Downbeats. Alle vier sind auf 125 BPM gestreckt und stehen in c-Moll, also passt alles zusammen, was du kombinierst. Credits und Lizenzen stehen unter dem Playground.

Was du machen kannst

  • Abschnitte starten. Die Pads jedes Decks feuern seine Abschnitte ab. Starts warten auf die nächste Grenze der gewählten Quantisierung, damit sie im Takt landen. Standard ist ein Takt.
  • Stems schalten. Presets für den vollen Mix, A cappella und Instrumental oder jeder der vier Stems einzeln. Stem-Wechsel blenden klickfrei ein und aus und bleiben bei Abschnittswechseln erhalten.
  • Mixen. Jeder Kanal hat Lautstärke, Drei-Band-EQ und einen Filter, der vom Tiefpass bis zum Hochpass fährt. Der Crossfader teilt die Decks in zwei Gruppen.
  • Tempo ändern. Die Session bewegt sich zwischen 105 und 135 BPM. Die Tonhöhe folgt dem Tempo, wie bei einer Platte, die schneller oder langsamer läuft. Tap Tempo funktioniert auch.
  • Szenen starten. Jede der vier Szenen startet denselben Abschnitt auf allen Decks gleichzeitig.

Die Meter zeigen den gemessenen Ausgangspegel auf einer Skala von −60 bis 0 dB, und die Wellenformen werden aus Minimum-, Maximum- und RMS-Daten der echten Audiodateien gezeichnet, nicht als Dekoration.

Tastatur

Der Playground hört auf dieselbe Art von Tasten wie die App:

Taste Aktion
Space Abspielen / Stoppen
1–4 Deck fokussieren
Q, W, E, R Abschnitt starten
Z, X, C Full / Acap / Inst
⌥1–⌥4 Szene starten

Die Mac-App hat noch viele mehr. Du findest sie im Support.

Das Stem-Feld

Unter dem Playground zeichnet der Abschnitt „One track in, four stems out“ mit three.js ein Feld aus Punkten. Es entsteht aus denselben Wellenformdaten wie die Demo. Ganz oben zeigt es einen einzigen zusammengeführten Track in der grauen Wellenform-Tinte der App. Beim Scrollen trennt es sich in vier Ebenen in den Stem-Farben.

Während die Demo läuft, folgt ihr das Feld: Die Session-Uhr, das Meter jedes Decks und eine Frequenzanalyse des Master-Ausgangs bestimmen, was du siehst. Kommt dein Browser nicht hinterher, senkt das Feld seine eigene Auflösung.

Was in deinem Browser bleibt

Der Playground spielt sein eigenes mitgeliefertes Audio. Er fragt nicht nach Mikrofonzugriff und lädt nichts hoch. Audio-Code und Visualisierung werden erst geladen, wenn sie gebraucht werden, und der Sound startet erst, wenn du auf Play drückst. Verlässt du die Seite, wird alles beendet.

Auf dem Handy zeigt der Playground jeweils ein Deck. Die anderen drei spielen im Hintergrund weiter, sodass sich der Mix, den du hörst, beim Wechseln nicht ändert.

Was die Mac-App mehr kann

Der Playground skizziert das Prinzip. Mit der App stehst du auf der Bühne:

  • Deine eigene Musik. Importiere Tracks und Ordner. Grit erkennt Tempo, Beatgrid, Tonart und an Phrasen ausgerichtete Abschnitte.
  • Stem-Trennung. Jeder Track wird auf deinem Mac in Drums, Bass, Vocals und übrige Instrumente zerlegt.
  • Acht Decks statt vier, jedes mit so vielen Abschnitten, wie der Track hat.
  • Szenen, die du selbst festhältst, mit Tempo, Abschnitten, Stems und dem kompletten Mix.
  • Key Sync, Loops, Rolls und Scratchen per Tastatur.
  • MIDI Learn und ein Preset für den Akai APC40 MK1.

Grit braucht einen Mac mit Apple Silicon und macOS 14 oder neuer. Es ist noch nicht erhältlich; die Download-Seite und das Changelog zeigen den aktuellen Stand.

Esc

120 BPM ↑↓ Auswählen ↵ Starten