MediaStream: getVideoTracks() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2017.
The getVideoTracks() method of the
MediaStream interface returns a sequence of
MediaStreamTrack objects representing the video tracks in this stream.
Syntax
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.
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
| Specification |
|---|
| Media Capture and Streams # dom-mediastream-getvideotracks |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
getVideoTracks
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.