Midi Data Processor and Synthesizer

MIDI DATA PROCESSOR // SYNTHESIZER

MIDI DATA PROCESSOR is a browser-based, retro-futuristic audio workstation designed to visualize and synthesize MIDI files in real-time. Built entirely on the Web Audio API, this tool transforms standard MIDI files into rich, polyphonic synth textures reminiscent of 70s sci-fi interfaces and analog lab equipment.

No samples are used—every sound is generated mathematically in real-time using a custom 48-voice polyphonic engine.

🎛️ CORE FEATURES

• Drag & Drop Interface: Simply drag any .mid file onto the data deck to load it into memory.
• Real-Time Synthesis: A robust audio engine featuring Sawtooth, Square, FM, and Triangle waveforms.
• Tape Echo Simulation: A built-in delay unit with high-shelf filtering to mimic the degradation of vintage tape loops.
• Optical Feed: A 12x8 chromatic grid visualizer that displays harmonic content in real-time.
• Session Recording: Capture your playback manipulations directly to .webm audio files to share or sample later.
• Full Parametric Control: Tweak Filter Cutoff, Resonance, ADSR Envelopes, and Vibrato LFOs while the sequence plays.

🕹️ CONTROLS

• Mouse: Drag faders to adjust synthesis parameters. Drag the timeline to scrub through data.
• Keyboard: Play the synth manually using keys Z through = (chromatic mapping).
• Zoom: Use the UI scale buttons to fit the terminal to your viewport.

📂 INCLUDED DATA

The system comes pre-loaded with a an example midi file to demonstrate the polyphonic capabilities of the engine.

🛠️ TECHNICAL DATA

• Engine: React 18 + Web Audio API
• Polyphony: 48 Voices (Round-Robin Allocation)
• Effects: Stereo Panning, Dynamics Compressor, Biquad Filters, Delay Line
• Visuals: CSS Animations + React State rendering

Enjoy!