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.
The createBiquadFilter()
method of the BaseAudioContext
interface creates a BiquadFilterNode
, which represents a second order
filter configurable as several different common filter types.
Note: The BiquadFilterNode()
constructor is the
recommended way to create a BiquadFilterNode
; see
Creating an AudioNode.
Syntax
js
createBiquadFilter()
Parameters
None.
Return value
Examples
The following example shows basic usage of an AudioContext to create a Biquad filter node. For more complete applied examples/information, check out our Voice-change-O-matic demo (see app.js lines 108–193 for relevant code).
js
const audioCtx = new AudioContext();
//set up the different audio nodes we will use for the app
const analyser = audioCtx.createAnalyser();
const distortion = audioCtx.createWaveShaper();
const gainNode = audioCtx.createGain();
const biquadFilter = audioCtx.createBiquadFilter();
const convolver = audioCtx.createConvolver();
// connect the nodes together
source = 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 filter
biquadFilter.type = "lowshelf";
biquadFilter.frequency.setValueAtTime(1000, audioCtx.currentTime);
biquadFilter.gain.setValueAtTime(25, audioCtx.currentTime);
Specifications
Specification |
---|
Web Audio API # dom-baseaudiocontext-createbiquadfilter |
Browser compatibility
BCD tables only load in the browser