A RetroSearch Logo

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

Search Query:

Showing content from https://developer.cdn.mozilla.net/ja/docs/Web/API/HTMLMediaElement/captureStream below:

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

HTMLMediaElement: captureStream() メソッド

Limited availability

captureStream() は HTMLMediaElement インターフェイスのプロパティで、このメディア要素でレンダリングされているコンテンツのリアルタイムキャプチャをストリーミングしている MediaStream オブジェクトを返します。

これは、例えば WebRTC の RTCPeerConnection のソースとして使用できます。

構文 引数

なし。

返値

他のメディア処理コードによる音声データおよび/または動画データのソースとして、または WebRTC のソースとして使用できる MediaStream オブジェクトです。

例

この例では、イベントハンドラーが確立されているため、ボタンをクリックすると、ID が "playback" のメディア要素のコンテンツの MediaStream へのキャプチャを開始します。 これにより、WebRTC を介したストリーミングのソースなど、他の目的にストリームを使用して、動画通話中に録画済みの動画を他の人と共有できるようになります。

document.querySelector(".playAndRecord").addEventListener("click", () => {
  const playbackElement = document.getElementById("playback");
  const captureStream = playbackElement.captureStream();
  playbackElement.play();
});

より長くより複雑な例と説明については、メディア要素の記録を参照してください。

仕様書 ブラウザーの互換性 Firefox 特有のメモ

Firefox 51 より前のバージョンでは、 captureStream() はソースそれ自体が MediaStream であるメディア要素では使用できませんでした（RTCPeerConnection を介して受信されるストリームを表示している <video> 要素など）。 Firefox 51 以降では機能します。これは、動画要素からストリームをキャプチャし、それを記録するために MediaRecorder を使用できることを意味します。 詳細は Firefox バグ 1259788 をご覧ください。

ただし、明確な理由から、Firefox では captureStream() に接頭辞が付いて mozCaptureStream() となっています。現在の実装には、次のような注目に値するいくつかの奇妙な点があるからです。

関連情報

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