IDEASTOAPPSZurück zur Startseite
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
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
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
Soundcheck-Dialog mit Preset-Liste und Feedback-Feldern · Screenshot aus der laufenden Anwendung

So probierst du es aus

  1. 1. Oben links ein Theme aus der Liste wählen.
  2. 2. ▶ PLAY drücken.
  3. 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