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: Changing the Media URL

This demo shows how to change the media URL and update the waveform, using the three different methods of providing waveform data to Peaks.js:

• Fetching pre-computed waveform data from a web server (dataUri option)
• Computing in the browser using the Web Audio API (webAudio option)
• Passing waveform data directly to the Peaks instance (waveformData option)