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: Overlay Segments

This demo shows how to configure Peaks.js to use overlay segments and the available options to customize segment appearance.

Amplitude scale

Mousewheel mode: Auto-scroll Show playhead time

Enable click to seek Waveform drag mode:

Enable segment dragging Segment drag mode:

Segments

ID	Label	Start time	End time