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
Reference interface / WP-07
A working browser player for inspecting timing, energy, onsets, and texture. Use a demo source or decode a local file without uploading it.
Module 01 / Player
Envelope / RMS energy / onset detection / texture. Click or drag to seek.
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.
Module 02 / Sources
Module 03 / Controls
Module 04 / TypeScript
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 →