Wavesurfer.js

Component ID

2352841

Component name

Wavesurfer.js

Component type

module

Maintenance status

Development status

Component security advisory coverage

not-covered

Component created

Component changed

Component body

This module provides a file field display type to allow MP3 files displayed as Waveforms. Also there is a simple player included.

Installation

  1. Install the module and its dependencies
  2. Download the wavesurfer library.
  3. Place it in the libraries/wavesurfer folder
  4. Make sure that wavesurfer.min.js is in the /wavesurfer folder
  5. Add a file field and set Wavesurfer as the formatter
  6. Enjoy!

Web Audio Waveform Visualizer

http://www.wavesurfer.fm/

Customizable waveform audio visualization built on top of Web Audio API and HTML5 Canvas. With wavesurfer.js you can assemble a full-featured HTML5 audio player or create a sophisticated DJ application.

Compatibility

wavesurfer.js runs on modern browsers supporting Web Audio. Including Firefox, Chrome, Safari, Mobile Safari and Opera.