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: Custom Point and Segment Markers

This demo shows how to customise the appearance and behavior of point and segment markers. The waveforms have a gradient applied to them.