ComplexAnalyserNode

WebAudio ComplexAnalyserNode using AudioWorklet and WebAssembly.

Usage

import { ComplexAnalyserNode } from './complex-analyser-node.js';

const audioContext = new AudioContext();

// ComplexAnalyserNode
//   input count = 1
//     channel count = 2
//       ch1 = In-phase
//       ch2 = Quadrature
await ComplexAnalyserNode.addModule(audioContext);
const complexAnalyserNode = new ComplexAnalyserNode(audioContext, {
	fftSize: 4096
});

const stream = await navigator.mediaDevices.getUserMedia({
	audio: {
		channelCount: {ideal: 2, min: 2},
		/* required for 2ch input input */
		echoCancelation: false,
		noiseSuppression: false,
		audioGainControl: false,
	}
});
const mediaStreamSource = audioContext.createMediaStreamSource(stream);
mediaStreamSource.connect(complexAnalyserNode);

const gain = audioContext.createGain();
gain.gain.value = 0;
complexAnalyserNode.connect(gain);
await complexAnalyserNode.init();
gain.connect(audioContext.destination);

const I = new Float32Array(complexAnalyserNode.fftSize);
const Q = new Float32Array(complexAnalyserNode.fftSize);
const buffer = new Float32Array(this.complexAnalyserNode.fftSize);
const render = () => {
	complexAnalyserNode.getFloatTimeDomainData(I, 0);
	complexAnalyserNode.getFloatTimeDomainData(Q, 1);

	drawWaveForms([I, Q]);

	complexAnalyserNode.getFloatFrequencyData(buffer);
	drawSpectrum(buffer);

	requestAnimationFrame(render);
};

requestAnimationFrame(render);

Development

init

cargo install cargo-make

cargo make build

run demo (just run http-server on ./site)

npm run serve