wavesurfer.js is a customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas.
With wavesurfer.js you can create anything from an HTML5 audio player to a sophisticated DJ application.
<div id="waveform"></div>
var wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: 'violet',
progressColor: 'purple'
});
wavesurfer.load('audio.wav');
If you have questions or you found a bug, feel free to contact us.
Enjoy your experience with wavesurfer.js!
wavesurfer.js runs on modern browsers supporting Web Audio, including Firefox, Chrome, Safari (desktop and mobile) and Opera.