BaseAudioContext: createBiquadFilter() method

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨April 2021⁩.

ThecreateBiquadFilter() method of theBaseAudioContextinterface creates aBiquadFilterNode, which represents a second orderfilter configurable as several different common filter types.

Note:TheBiquadFilterNode() constructor is therecommended way to create aBiquadFilterNode; seeCreating an AudioNode.

The following example shows basic usage of an AudioContext to create a Biquad filter node.For more complete applied examples/information, check out ourVoice-change-O-matic demo (seeapp.js lines 108–193 for relevant code).

const audioCtx = new AudioContext();// Set up the different audio nodes we will use for the appconst analyser = audioCtx.createAnalyser();const distortion = audioCtx.createWaveShaper();const gainNode = audioCtx.createGain();const biquadFilter = audioCtx.createBiquadFilter();const convolver = audioCtx.createConvolver();// Connect the nodes togethersource = audioCtx.createMediaStreamSource(stream);source.connect(analyser);analyser.connect(distortion);distortion.connect(biquadFilter);biquadFilter.connect(convolver);convolver.connect(gainNode);gainNode.connect(audioCtx.destination);// Manipulate the Biquad filterbiquadFilter.type = "lowshelf";biquadFilter.frequency.setValueAtTime(1000, audioCtx.currentTime);biquadFilter.gain.setValueAtTime(25, audioCtx.currentTime);