Baseline Widely available
Die captureStream() Methode des HTMLCanvasElement Interfaces gibt einen MediaStream zurück, der einen CanvasCaptureMediaStreamTrack enthält, der eine Echtzeit-Videoaufnahme des Inhalts der Canvas bereitstellt.
captureStream()
captureStream(frameRate)
frameRate Optional
Ein Gleitkommawert mit doppelter Genauigkeit, der die Frequenz der Aufnahme jedes Frames angibt. Wenn nicht gesetzt, wird jedes Mal ein neues Frame erfasst, wenn die Canvas geändert wird; wenn auf 0 gesetzt, werden Frames nicht automatisch erfasst, sondern nur erfasst, wenn die requestFrame()-Methode des zurückgegebenen Tracks aufgerufen wird.
Ein Verweis auf ein MediaStream Objekt, das einen einzelnen CanvasCaptureMediaStreamTrack enthält.
NotSupportedError DOMException
Wird ausgelöst, wenn der Wert von frameRate negativ ist.
SecurityError DOMException
Das Bitmap der Canvas ist nicht ursprungssicher; mindestens einige seiner Inhalte wurden oder könnten von einer anderen Site geladen worden sein als der, von der das Dokument selbst geladen wurde.
// Find the canvas element to capture
const canvasElt = document.querySelector("canvas");
// Get the stream
const stream = canvasElt.captureStream(25); // 25 FPS
// Do things to the stream
// E.g. Send it to another computer using an RTCPeerConnection
// pc is an RTCPeerConnection created elsewhere
stream.getTracks().forEach((track) => pc.addTrack(track, stream));
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4