The getVideoTracks()
method of the MediaStream
interface returns a sequence of MediaStreamTrack
objects representing the video tracks in this stream.
On this page
MediaStream: getVideoTracks() method
Syntax
js
getVideoTracks()
Parameters
None.
Return value
An array of MediaStreamTrack
objects, one for each video track contained in the media stream. Video tracks are those tracks whose kind
property is video
. The array is empty if the stream contains no video tracks.
Note: The order of the tracks is not defined by the specification, and may not be the same from one call to getVideoTracks()
to another.
Examples
The following example, extracted from Chrome's Image Capture / Photo Resolution Sample, uses getVideoTracks()
to retrieve a track for passing to the ImageCapture()
constructor.
js
let imageCapture;
navigator.mediaDevices.getUserMedia({ video: true }).then((mediaStream) => {
document.querySelector("video").srcObject = mediaStream;
const track = mediaStream.getVideoTracks()[0];
imageCapture = new ImageCapture(track);
return imageCapture.getPhotoCapabilities();
});
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 | |
getVideoTracks |
26 | 12 |
22Before Firefox 64, this method returned an array ofVideoStreamTrack objects. However, MediaStreamTrack has now subsumed that interface's functionality.
|
No | 15 | 11 | 37 | 26 |
22Before Firefox 64, this method returned an array ofVideoStreamTrack objects. However, MediaStreamTrack has now subsumed that interface's functionality.
|
No | 11 | 1.5 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaStream/getVideoTracks