requestFrame() requests that a frame be captured from the canvas and sent to the stream. Applications that need to carefully control the timing of rendering and frame capture can use
requestFrame() to directly specify when it's time to capture a frame.
To prevent automatic capture of frames, so that frames are only captured when
requestFrame() is called, specify a value of 0 for the
captureStream() method when creating the stream.
There is currently an issue flagged in the specification pointing out that at this time, no exceptions are being thrown if the canvas isn't origin-clean. This may change in the future, so it would be wise to plan ahead and watch for exceptions such as
SecurityError (although the specific error that might be thrown is not mentioned in the spec, this is a likely candidate).
// Find the canvas element to capture var canvasElt = document.getElementsByTagName("canvas"); // Get the stream var stream = canvasElt.captureStream(25); // 25 FPS // Send the current state of the canvas as a frame to the stream stream.getVideoTracks().requestFrame();
|Media Capture from DOM Elements |
The definition of 'CanvasCaptureMediaStream.requestFrame()' in that specification.
|Working Draft||Initial definition|
|Basic support||?||?|| 41
|Android webview||Chrome for Android||Edge Mobile||Firefox for Android||Opera for Android||iOS Safari||Samsung Internet|
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.