Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The ImageCapture()
constructor creates a new ImageCapture
object.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The ImageCapture()
constructor creates a new ImageCapture
object.
js
new ImageCapture(videoTrack)
videoTrack
A MediaStreamTrack
from which the still images will be taken. This can be any source, such as an incoming stream of a video conference, a playing movie, or the stream from a webcam.
A new ImageCapture
object which can be used to capture still frames from the specified video track.
The following example shows how to use a call to MediaDevices.getUserMedia()
to retrieve the MediaStreamTrack
needed by the ImageCapture()
constructor.
js
navigator.mediaDevices
.getUserMedia({ video: true })
.then((mediaStream) => {
document.querySelector("video").srcObject = mediaStream;
const track = mediaStream.getVideoTracks()[0];
imageCapture = new ImageCapture(track);
})
.catch((error) => console.error(error));
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
ImageCapture |
59 | 79 | 35 | No | 46 | No | 59 | 59 | No | 43 | No | 7.0 |
© 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/ImageCapture/ImageCapture