This is outdated documentation for wavesurfer.js v6!

Please refer to the new documentaton and examples.

Timeline plugin

Adds a simple timeline to your wavesurfer.js instances.

Quick start

  1. Add the Timeline plugin script tag
  2. Create a WaveSurfer instance
  3. Add a container HTML element for the timeline
  4. Create a Timeline instance in the WaveSurfer's "ready" event callback