The Web Audio API's MediaStreamAudioSourceNode()
constructor creates and returns a new MediaStreamAudioSourceNode
object which uses the first audio track of a given MediaStream
as its source.
Syntax
new MediaStreamAudioSourceNode(context, options)
Parameters
-
context
-
An AudioContext
representing the audio context you want the node to be associated with.
-
options
-
An object defining the properties you want the MediaStreamAudioSourceNode
to have:
-
mediaStream
-
A required property which specifies the MediaStream
from which to obtain audio for the node.
Return value
A new MediaStreamAudioSourceNode
object representing the audio node whose media is obtained from the specified source stream.
Exceptions
InvalidStateError
DOMException
-
Thrown if the specified MediaStream
does not contain any audio tracks.
Examples
This example uses getUserMedia()
to obtain access to the user's camera, then creates a new MediaStreamAudioSourceNode
from its MediaStream
.
const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices
.getUserMedia(
{
audio: true,
video: false,
},
)
.then((stream) => {
const options = {
mediaStream: stream,
};
const source = new MediaStreamAudioSourceNode(audioCtx, options);
source.connect(audioCtx.destination);
})
.catch((err) => {
console.error(`The following gUM error occurred: ${err}`);
});
} else {
console.log("new getUserMedia not supported on your browser!");
}
Specifications
Browser compatibility
|
Desktop |
Mobile |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox for Android |
Opera Android |
Safari on IOS |
Samsung Internet |
MediaStreamAudioSourceNode |
55 |
79 |
53 |
No |
42 |
14.1 |
55 |
55 |
53 |
42 |
14.5 |
6.0 |