Reference interface / WP-07

Audio inspection console

A working browser player for inspecting timing, energy, onsets, and texture. Use a demo source or decode a local file without uploading it.

Engine
Web Audio API
Analysis
4,096 bins
Input
Local / private

Module 01 / Player

Playback + signal

Envelope / RMS energy / onset detection / texture. Click or drag to seek.

Now playing

Scales in Motion

Loren Crain · Piano study

The outer envelope shows sample peaks, the filled center shows average energy, orange ticks show sudden onsets, and the lower purple rail shows signal texture.

Reading waveform…
Loading audio details Peak · RMS · Onset · Texture

Module 02 / Sources

Loaded sources

3 tracks

Module 03 / Controls

Control map

Click or drag
Seek on the waveform
Double-click
Play or pause
Space / K
Play or pause
J / L
Jump back or forward 10 seconds
Arrow keys
Seek while the waveform is focused
M
Mute or unmute

Module 04 / TypeScript

Engine surface

0 runtime dependencies
const player = new WavePlayer(tracks);

player.on('change', render);
player.seek(12);
await player.play();

Playback state and waveform rendering are separate typed modules, so the engine can be reused with a different interface.

View source →