Demo · Experiment

Miami Sound Lab: Synthwave direkt im Browser

Das Analog 80s Sound Lab ist ein prozeduraler Synthesizer und Sequencer im Browser, der den Sound der 1980er im Stil von Miami Vice nachbaut – ohne Samples, ohne Plugins, allein mit Echtzeit-DSP über die Web Audio API.

Kombiniert werden ein Multi-Track-Sequencer und eine eigene Synthese-Engine, inspiriert von den Klassikern hinter diesem Sound: DX7-artige FM-Synthese für glasige E-Pianos und Bells, Moog-artige subtraktive Bässe und LinnDrum-/808-Drums. Jeder Klang entsteht in Echtzeit mathematisch in einem eigenen AudioWorklet-Prozessor.

React · TanStack Start · TypeScript · Tailwind · Web Audio API + AudioWorklet

Klangerzeugung

Echtzeit-Synthese: Oszillatoren, Filter, Hüllkurven und Effekte werden live berechnet – keine Samples, keine Plugins.
Custom AudioWorklet-DSP: polyphone Stimmen mit niedriger Latenz, 4-Operator-FM und Analog-Engine (PolyBLEP).
Filter: Moog-Ladder (24 dB) und SVF (12 dB), dazu Chorus, Delay, Reverb und Tape-Sättigung.
Factory-Presets: DX E-Piano, Glass Bells, FM Brass Stab, DX Bass, DX Lush Pad, DX Pluck Arp, Moog Sub Bass, Moog Lead Bass, Moog Acid.

Arrangement & Export

Multi-Track-Sequencer mit eigenen Step-Sequencern für Drums, Bass, Pad, Arp, Lead und FX.
Song-Timeline mit Intro, Main Theme, Chase, Breakdown und Finale – inklusive Loop-Modi und Szenen-Presets.
Fünf Miami-Vice-Themes als komplette Songs: Neon Boulevard, Sunset Cruise, Vice Pursuit, Crockett's Theme, Acid Miami.
Automations-Spuren für Cutoff, Resonance, Chorus, Delay, Reverb, Saturation und Wow – Export als WAV, MIDI oder JSON.

Workstation

Timeline, Mixer und Sequencer

Die Hauptansicht bündelt alles: Song-Timeline mit Sektionen und Loop-Punkten, Track-Mixer mit Volume und Panorama je Spur, den Step-Sequencer der gewählten Spur sowie Szenen und Master-FX.

Song-Timeline mit Sektionen
Track-Mixer mit Mute/Solo
Step-Sequencer je Instrument
Szenen & Master-FX

Hauptansicht der Workstation mit Timeline, Track-Mixer, Sequencer, Szenen und Master-FX · Screenshot aus der laufenden Anwendung

Sounddesign

Instrument-Editor

Jede Spur lässt sich bis ins Detail formen: FM-Operator-Matrix mit Algorithmus-Auswahl, Ratio, Level und ADSR pro Operator, dazu Filtermodell, Amp-Hüllkurve, LFO, Vibrato, Drive, Sidechain und FX-Sends.

4-Operator-FM-Matrix
Filtermodell & Env-Amount
LFO, Vibrato, Portamento
Eigene Presets speichern

Instrument-Editor mit FM-Operator-Matrix, Filter, Hüllkurven und FX-Sends · Screenshot aus der laufenden Anwendung

Qualitätscheck

Soundcheck-Modus

Der Soundcheck spielt jedes Factory-Preset automatisch durch (C/E/G mit passenden Notenlängen pro Layer) und sammelt zu jedem Preset Notizen – exportierbar als Feedback-Datei.

Alle Presets automatisch anspielen
Notizen je Preset
Feedback exportieren
Einzelnes Preset erneut hören

Soundcheck-Dialog mit Preset-Liste und Feedback-Feldern · Screenshot aus der laufenden Anwendung

So probierst du es aus

1. Oben links ein Theme aus der Liste wählen.
2. ▶ PLAY drücken.
3. Eine Spur (Lead, Bass, Pad, Arp) zum Bearbeiten anwählen – oder ★ SOUNDCHECK öffnen und alle Presets durchhören.

Feedback ist willkommen: Welche Presets klingen am authentischsten? Wie wirkt der Mix über Kopfhörer im Vergleich zu Lautsprechern? Gibt es Klicks, Aussetzer oder Browser-Eigenheiten? Ideen für neue Themes, Presets oder Funktionen?

Feedback geben