getWaveformPeaks

getWaveformPeaks(audioBuffer, options?): object

Defined in: packages/pleco-xa/src/scripts/analysis/WaveformData.ts:64

Extracts waveform peaks suitable for visualization

Parameters

audioBuffer

any

Web Audio API AudioBuffer

options?

Extraction options

Returns

object

Waveform data for visualization

data

data: Float32Array<any>

duration

duration: any = audioBuffer.duration

length

length: any = data.length

metadata

metadata: object

metadata.method

method: string = opts.type

metadata.originalLength

originalLength: any = channelData.length

metadata.samplesPerPeak

samplesPerPeak: number

peaks

peaks: Float32Array<any>

sampleRate

sampleRate: any = audioBuffer.sampleRate

Example

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

const peaks = getWaveformPeaks(audioBuffer, {
  width: 1000,
  type: 'peaks',
  normalize: true
});

// Use with canvas
const canvas = document.getElementById('waveform');
const ctx = canvas.getContext('2d');

peaks.data.forEach((peak, i) => {
  const x = (i / peaks.length) * canvas.width;
  const y = canvas.height / 2;
  const height = peak * canvas.height / 2;
  ctx.fillRect(x, y - height, 1, height * 2);
});