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: 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.