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: Cue Events

This demo shows how to listen for events from the playhead reaching points, or segment edges.
Events in this demo are logged in the browser console.

Segments

ID Label Start time End time

Points

ID Label Time