Home / UI Extensions / wavesurfer.js
Audio Visualization

wavesurfer.js

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

Extension Status
Coming Soon

The Oorian extension for wavesurfer.js is under development and will be available with the framework release.

Priority
Rank #66

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

Supported Version
TBD

The version of wavesurfer.js that this extension supports.

Licensing
Open Source (BSD-3-Clause)

The licensing model for wavesurfer.js. Check their official website for full license details.

Integration
Full API Access

Oorian extensions expose the complete wavesurfer.js 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 wavesurfer.js with Oorian once the extension is available:

Java
// Create and configure wavesurfer.js 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.

Ready to Use wavesurfer.js?

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