renderWaveform

renderWaveform(canvas, waveformData, options?): void

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

Renders waveform data to a canvas element

Parameters

canvas

HTMLCanvasElement

Target canvas element

waveformData

Float32Array<ArrayBufferLike>

Waveform peak data

options?

WaveformRenderOptions = {}

Rendering options

Returns

void

Example

import { renderWaveform } from './WaveformRenderer.js';
import { getWaveformPeaks } from './analysis/WaveformData.ts';

const canvas = document.getElementById('waveform');
const peaks = getWaveformPeaks(audioBuffer, { width: canvas.width });

renderWaveform(canvas, peaks.data, {
  style: 'filled',
  color: '#e74c3c',
  mirror: true
});