This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.
The StereoPannerNode interface of the Web Audio API represents a simple stereo panner node that can be used to pan an audio stream left or right. It is an AudioNode audio-processing module that positions an incoming audio stream in a stereo image using a low-cost equal-power panning algorithm.
The pan property takes a unitless value between -1 (full left pan) and 1 (full right pan). This interface was introduced as a much simpler way to apply a simple panning effect than having to use a full PannerNode.
| Number of inputs | 1 |
|---|---|
| Number of outputs | 1 |
| Channel count mode | "clamped-max" |
| Channel count | 2 |
| Channel interpretation | "speakers" |
StereoPannerNode()Creates a new instance of a StereoPannerNode object.
Inherits properties from its parent, AudioNode.
StereoPannerNode.pan Read only
An a-rate AudioParam representing the amount of panning to apply.
No specific method; inherits methods from its parent, AudioNode.
See BaseAudioContext.createStereoPanner() for example code.
| Specification |
|---|
| Web Audio API> # stereopannernode> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
StereoPannerNode |
55 | 79 | 53 | 42 | 14.1 | 55 | 53 | 42 | 14.5 | 6.0 | 55 | 14.5 |
StereoPannerNode |
41 | 12 | 37 | 28 | 14.1 | 41 | 37 | 28 | 14.5 | 4.0 | 41 | 14.5 |
pan |
41 | 12 | 37 | 28 | 14.1 | 41 | 37 | 28 | 14.5 | 4.0 | 41 | 14.5 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/StereoPannerNode