Mein Englischlehrer ist Musiker. Neulich zeigte er mir einige seiner Kompositionen und sagte so etwas wie „Ich wünschte, ich könnte schnell einen Beat skizzieren, ohne eine riesige App zu öffnen." Er wollte kein Ableton. Er wollte nichts installieren. Er wollte einen Tab öffnen und Musik machen.
Das blieb hängen.
Meine Mutter studierte an der Escola de Música de Barcelona. Mein Nachbar produziert elektronische Musik in seinem Zimmer. Musik ist überall um mich herum, und ich hörte immer die gleiche Frustration: Produktionstools sind entweder teuer, komplex oder zwingen dich, Audio in einen Cloud-Dienst hochzuladen, der deine Privatsphäre möglicherweise nicht respektiert.
Also habe ich zwei Tools gebaut. Beide laufen vollständig in deinem Browser. Keine Konten, keine Uploads, keine Abonnements.
Der Loop Music Creator: eine browserbasierte DAW
Das erste Tool ist eine vollwertige Loop-basierte DAW, die auf der Web Audio API läuft. Du bekommst:
- 7 Spurtypen: Drums, Synthesizer, Bass, Lead, Pads, Percussion und Sampler
- 14 Synth-Presets: von FM-Piano über Karplus-Strong-Zupfsaiten bis 8-bit Chiptune
- Step-Sequencer für Drum-Patterns und ein Piano Roll für melodische Spuren
- Effekte pro Spur: 3-Band-EQ, Kompressor, Reverb/Delay-Sends
- Master-Effektkette: Reverb, Delay, Kompressor, Master-EQ
- Multi-Szenen-Arrangement: organisiere Strophen, Refrains, Bridges
- Tap Tempo und Swing pro Spur für Groove
- WAV-Export und Projekt speichern/laden (
.loop.json-Format)
Alles wird in Echtzeit synthetisiert. Keine Samples werden von einem Server geladen. Die Drum-Sounds werden durch Rauschsynthese und Oszillator-Shaping erzeugt.
Die Architektur
Die Audio-Engine ist vom React-State entkoppelt. Ein useRef hält die Engine-Instanz, während ein useReducer den DAW-State verwaltet. Das vermeidet das klassische Problem, dass React-Re-Renders Audio-Glitches verursachen. Die Engine plant Noten voraus mit AudioContext.currentTime und einem Lookahead-Buffer; eine Technik, die in Chris Wilsons „A Tale of Two Clocks" gut dokumentiert ist.
YouTube Loop Mix: ein DJ-Tool in deinem Browser
Das zweite Tool ist YouTube Loop Mix & DJ Tool; Doppel-Decks mit Crossfader, wie ein echtes DJ-Setup.
Mein Nachbar fragte mich ständig „kann ich einfach einen Abschnitt eines YouTube-Videos loopen und mit einem anderen Track mixen?" Er fand einen genialen Drum-Break auf YouTube, wollte 4 Takte loopen und mit einem Synth-Pad aus einer lokalen Datei mischen.
YouTube Loop Mix bietet:
- Doppel-Decks zum Laden von YouTube-Videos oder lokalen Audiodateien
- A-B-Loop-Marker zum präzisen Loopen beliebiger Abschnitte
- Crossfader für sanfte Übergänge zwischen den Decks
- 3-Band-EQ (Tiefen/Mitten/Höhen) pro Deck für Live-Mixing
- Cue-Punkte zum Markieren und Springen zu bestimmten Stellen
- BPM-Erkennung zur Synchronisation der Tracks
- WAV-Export deines fertigen Mixes
Es ist das Tool, das eine YouTube-Session in eine kreative Session verwandelt. Finde einen Breakbeat, loope ihn, schneide die Höhen mit dem EQ weg, crossfade zu einer Melodie aus deiner lokalen Bibliothek; alles ohne den Browser zu verlassen.
Warum im Browser?
1. Null Reibung. Mein Lehrer öffnete den Link auf seinem Schullaptop und machte in 30 Sekunden Beats.
2. Privatsphäre. Das Audio verlässt nie deine Maschine. Vergleiche das mit Online-DAWs wie BandLab oder Soundtrap.
3. Portabilität. Das .loop.json-Projektformat ist menschenlesbares JSON. Du kannst es versionieren, diffen, auf Discord teilen oder programmatisch generieren.
Probier sie aus
- Loop Music Creator; baue Beats, komponiere Melodien, mixe und exportiere
- YouTube Loop Mix & DJ Tool; Doppel-Decks, Crossfader, A-B-Loops, EQ und WAV-Export
Beide Tools sind kostenlos und verarbeiten alles lokal. Wenn du etwas Cooles mit dem Loop Creator machst, kannst du die .loop.json exportieren und teilen; das Format ist für Portabilität konzipiert.