createInteractiveRenderer

createInteractiveRenderer(canvas, options?): any

Defined in: packages/pleco-xa/src/scripts/WaveformRenderer.js:279

Creates an interactive waveform renderer with events

Parameters

canvas

HTMLCanvasElement

Target canvas element

options?

any = {}

Renderer configuration

Returns

any

Interactive renderer instance

Example

import { createInteractiveRenderer } from './WaveformRenderer.js';

const renderer = createInteractiveRenderer(canvas, {
  enableSelection: true,
  enableZoom: true
});

renderer.on('select', (start, end) => {
  console.log(`Selected: ${start}s - ${end}s`);
});

renderer.render(waveformData);