Peaks.js

Peaks.js is a JavaScript library that allows you to display and interact with audio waveforms in the browser.

Demo pages

The following pages demonstrate various configuration options:

Precomputed Waveform Data | Web Audio API | Single Zoomable Waveform | Single Fixed Waveform | Cue Events | Changing the Media URL | Multi-Channel Waveform | Custom Point and Segment Markers | Overlay Segments | External Audio Player | Scrollbar

Demo: Web Audio API

This demo shows how to use an AudioContext to compute the waveform in the browser. Due to the memory requirements and processing time needed, this only works well for short duration audio.

Segments

ID Label Start time End time

Points

ID Label Time