Peaks.js

Browser-based audio waveform visualisation

Peaks.js is a JavaScript component that allows users to view and interact with audio waveforms in the browser.

Peaks.js uses the HTML5 <canvas> element to display the waveform at different zoom levels, and synchronise the display to playback of an associated <audio> or <video> element. The component also allows point and segment markers to be added to the waveform, e.g., for distinguishing music from speech, or identifying different music tracks.

For more information on this project, please read this article on the BBC R&D blog.