Home / Extensions & Add-Ons / WavesurferJs UI Extension
Media Players & Streaming

WavesurferJs UI Extension

Audio Waveform

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.

Oorian Extension

Status
Planned

The Oorian extension for WavesurferJs UI Extension is under development and will be available with the framework release.

Priority
Rank #89

Implementation priority based on popularity, API complexity, and user demand.

Supported Version
TBD

The version of WavesurferJs UI Extension that this extension supports.

Licensing
Open Source (BSD-3-Clause)

The licensing model for WavesurferJs UI Extension. Check their official website for full license details.

Integration
Full API Access

Oorian extensions expose the complete WavesurferJs UI Extension API through type-safe Java methods.

Key Features

Audio waveforms
Web Audio API
Regions/markers
Spectrogram
Zoom
Playback control
Real-time rendering

Usage Example

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

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

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

// Register for events using Oorian's event model
component.registerForEvent(this, WavesurferJsUIExtensionEvent.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.

Ready to Use WavesurferJs UI Extension?

Oorian makes it easy to integrate WavesurferJs UI Extension into your Java web applications with type-safe extensions and real-time updates.