Peaks.js

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

It was developed by BBC R&D to allow audio editors to make accurate clippings of audio content. You can read more about the project here.

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

Demo: Single Fixed Waveform

This demo shows how to configure Peaks.js to render a single waveform view, scaled to fit a given container element.