wavesurfer.js + Microphone

wavesurfer.js Microphone Plugin

Visualizes audio input from a microphone in wavesurfer.js instances.

Installation

1. add the Microphone plugin script tag
2. create a WaveSurfer instance
3. add a container HTML element for the timeline
4. create a Microphone instance

Download the plugin (2.4 KB)

Quick Start

var wavesurfer = Object.create(WaveSurfer);

wavesurfer.init({
  container     : '#waveform',
  waveColor     : 'black',
  loopSelection : false,
  cursorWidth   : 0
});

var microphone = Object.create(WaveSurfer.Microphone);

microphone.init({
    wavesurfer: wavesurfer
});

Options

• wavesurfer - required - a WaveSurfer instance