This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Metoda
HTMLCanvasElement
.captureStream()
zwraca CanvasCaptureMediaStream
który jest wideo w czasie rzeczywistym z powierzchni elementu <canvas>
.Składnia
MediaStream = canvas.captureStream(frameRate);
Parametry
frameRate
Optional- Liczba zmiennoprzecinkowa podójnej precyzji wskazuje na częstotliwość przechwytywania każdej klatki. W przypadku braku parametru nowa klatka będzie przechwytywana przy każdej zmianie
<canvas>
; jeśli ustawiona na0
, przechwycona zostanie pojedyńcza klatka.
Wartość zwrtona
Odniesienie do obiektu MediaStream
.
Przykład
// Zlokalizuj element canvas do przechwycenia
var canvasElt = document.querySelector('canvas');
// Rozpocznij stream
var stream = canvasElt.captureStream(25); // 25 FPS
// Wykonuj na nim czynności
// Np. Prześlij stream na inny komputer używając RTCPeerConnection
innyKomputer.addStream(stream);
Specyfikacja
Specification | Status | Comment |
---|---|---|
Media Capture from DOM Elements The definition of 'HTMLCanvasElement.captureStream()' in that specification. |
Working Draft | Definicja początkowa |
Zgodność przeglądarek
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Zobacz też
CanvasCaptureMediaStream
, interfejs do którego należy.HTMLMediaElement.captureStream()
, pozwala na przechwytywanie stream-u z elementu HTML.MediaStream
Media Capture and Streams API