From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../api/htmlcanvaselement/capturestream/index.html | 132 +++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 files/ja/web/api/htmlcanvaselement/capturestream/index.html (limited to 'files/ja/web/api/htmlcanvaselement/capturestream') diff --git a/files/ja/web/api/htmlcanvaselement/capturestream/index.html b/files/ja/web/api/htmlcanvaselement/capturestream/index.html new file mode 100644 index 0000000000..16b2e9492a --- /dev/null +++ b/files/ja/web/api/htmlcanvaselement/capturestream/index.html @@ -0,0 +1,132 @@ +--- +title: HTMLCanvasElement.captureStream() +slug: Web/API/HTMLCanvasElement/captureStream +tags: + - Canvas + - Experimental + - HTMLCanvasElement + - Interface + - Media + - Media Capture DOM Elements + - Method + - Reference + - Web +translation_of: Web/API/HTMLCanvasElement/captureStream +--- +
{{APIRef("Media Capture and Streams")}}{{SeeCompatTable}}
+ +

HTMLCanvasElement.captureStream() メソッドは、canvas の前面をリアルタイムにキャプチャした動画を {{domxref("CanvasCaptureMediaStream")}} として返すメソッドです。

+ +

構文

+ +
MediaStream = canvas.captureStream(frameRate);
+
+ +

引数

+ +
+
frameRate {{optional_inline}}
+
キャプチャする際のフレームレートを倍精度浮動小数点数で指定します。指定しなかった場合、canvas が変化するたびにフレームが新しくキャプチャされます。0 を指定した場合、フレームが 1 枚だけキャプチャされます。
+
+ +

戻り値

+ +

{{domxref("MediaStream")}} オブジェクトへの参照を返します。

+ +

使用例

+ +
// キャプチャしたい canvas 要素を取得
+var canvasElt = document.querySelector('canvas');
+
+// ストリームの取得
+var stream = canvasElt.captureStream(25); // 25 FPS
+
+// 取得したストリームに対して何らかの処理を行う
+// 例：RTCPeerConnection を使って別のコンピュータに送信
+// ここで pc は既に生成された RTCPeerConnection オブジェクト
+pc.addStream(stream);
+
+ +

仕様

+ + + + + + + + + + + + + + + + +
仕様書策定状況備考
{{SpecName('Media Capture DOM Elements', '#widl-HTMLCanvasElement-captureStream-CanvasCaptureMediaStream-double-frameRate', 'HTMLCanvasElement.captureStream()')}}{{Spec2('Media Capture DOM Elements')}}初期定義
+ +

ブラウザ実装状況

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
機能ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基本サポート{{CompatChrome(51.0)}}{{CompatGeckoDesktop(43)}}[1]{{CompatNo}}{{CompatOpera(36.0)}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
機能AndroidAndroid WebviewChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本サポート{{CompatNo}}{{CompatChrome(51.0)}}{{CompatChrome(51.0)}}{{CompatGeckoMobile(43)}}{{CompatNo}}{{CompatOpera(38)}}{{CompatUnknown}}
+
+ +

[1] Firefox 41 / 42 では機能がデフォルトで無効となっています。 有効にする場合は canvas.capturestream.enabled の設定項目を true に変更してください。

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf