Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/ja/docs/Web/API/HTMLCanvasElement/captureStream below:

HTMLCanvasElement: captureStream() メソッド - Web API

Baseline Widely available

captureStream() は HTMLCanvasElement インターフェイスのメソッドで、MediaStream を返します。これは CanvasCaptureMediaStreamTrack を含んでおり、このキャンバスの内容をリアルタイムに動画キャプチャします。

captureStream()
captureStream(frameRate)

frameRate 省略可

各フレームのキャプチャレートを示す倍精度浮動小数点値です。設定されていない場合、キャンバスが変化するたびに新しいフレームがキャプチャされます。0 に設定すると、フレームは自動的にキャプチャされません。代わりに、返されたトラックの requestFrame() メソッドが呼び出されたときにのみ、キャプチャされます。

MediaStream オブジェクトへの参照です。その中に CanvasCaptureMediaStreamTrack が 1 つあります。

NotSupportedError DOMException

frameRate が負の値であった場合に発生します。

SecurityError DOMException

ビットマップのオリジンがクリーンではありません。 そのコンテンツの少なくとも一部が、文書そのものが読み込まれたサイトとは別のサイトから読み込まれたものであるか、その可能性があります。

// キャプチャしたい canvas 要素を取得
const canvasElt = document.querySelector("canvas");

// ストリームの取得
const stream = canvasElt.captureStream(25); // 25 FPS

// 取得したストリームに対して何らかの処理を行う
// 例：RTCPeerConnection を使って別のコンピューターに送信
// ここで pc は既に生成された RTCPeerConnection オブジェクト
stream.getTracks().forEach((track) => pc.addTrack(track, stream));

• HTMLMediaElement.captureStream() - メディア要素からストリームをキャプチャするメソッド
• MediaStream
• Media Capture and Streams API

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