WavesurferJs

UI Extension

wavesurfer.js is a customizable audio waveform visualization library built on Web Audio API and HTML5 Canvas. Supports real-time waveform rendering, regions, and playback control.

Status

Planned

Supported Version

TBD

Licensing

Open Source

Priority

Rank #89

KEY FEATURES

Audio waveforms

Web Audio API

Regions/markers

Spectrogram

Zoom

Playback control

Real-time rendering

WavesurferJs Website

Usage Example

Here's how you'll use WavesurferJs with Oorian once the extension is available:

Java

// Create and configure WavesurferJs component
WavesurferJs component = new WavesurferJs();
component.setWidth("100%");
component.setHeight("400px");

// Configure component options
component.setEnabled(true);

// Register for events using Oorian's event model
component.registerForEvent(this, WavesurferJsEvent.class);

// Add to your page
container.addElement(component);

Note: This is a preview of the expected API. The actual implementation may vary slightly when released.