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: Precomputed Waveform Data

This demo shows how to use waveform data precomputed using audiowaveform. The data is requested from the web server in binary or JSON format.

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