← Back to Portfolio
📊

Web-Based Audio Tools

Interactive psychoacoustic tools and audio analysis, running directly in the browser

No install, no plugin host, nothing leaves the device. These are built with the Web Audio API, canvas rendering, and in one case a C++ DSP core compiled to WebAssembly — the same real-time signal processing used in the native plugins, running client-side instead.

Live Tools

Live Tool

Spectra Stamp

Drop an audio file and get its psychoacoustic fingerprint: dominant perceptual zone, spectral centroid, and masking risk, calculated from real FFT data rather than a fake spectrum display. Exports as structured JSON metadata for stems or sample packs.

Live Demo

Acoustic Analyzer (Web)

Real-time microphone analysis directly in the browser — frequency spectrum, waveform, and perceptual activation metrics. Runs over HTTPS with no install required.

Live Tool

Sonar — Audio Inspector

Drop or load audio files for waveform view, FFT frequency histogram, Wwise-relevant properties (trim points, peak/RMS dBFS, dynamic range, DC offset, zero crossings, loop suitability), and cross-file compatibility scoring for spectral conflicts.

Live Tool

Psychoacoustic Playground

Six real-time auditory illusions powered by the Web Audio API — from phantom imaging to infinite tones — as a hands-on way to hear how perception diverges from the raw signal.

What's Underneath

These aren't just visualisations of pre-baked data. Spectra Stamp and the Acoustic Analyzer run genuine FFT analysis client-side; Echo Chamber (linked from the DSP Plugin work) runs an actual C++ reverb and delay engine compiled to WebAssembly via Emscripten, with the JavaScript layer doing nothing but audio I/O.

📊 Why Build These as Web Tools

A browser demo removes every barrier between "here's a description of what it does" and "try it right now." For psychoacoustic work specifically, that matters: masking, spatial illusions, and perceptual metrics are much easier to trust once you can hear or test them yourself, rather than take a claim on faith.

The Technology Stack

Web Audio API

Real-time analysis and processing in-browser

C++ / WebAssembly

Native-speed DSP via Emscripten (Echo Chamber)

Canvas / SVG

Real-time waveform and spectrum rendering

FFT Analysis

Spectral and perceptual metrics from real signal data

Need a Web-Based Audio Tool?

Available for contract work building browser-based audio analysis, visualization, or interactive DSP demos — whether that's a client-facing tool, an internal QA utility, or an educational demonstration.

Get in Touch