We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

MediaStream.getVideoTracks()

ここへジャンプ:

これは実験段階の機能です。
この機能は複数のブラウザーで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザーの将来のバージョンで変更になる可能性があることに注意してください。

MediaStreamインタフェースのgetVideoTracks()は、このストリームに含まれるビデオトラックを表現するMediaStreamTrackオブジェクトの配列を返します。

文法

var mediaStreamTracks[] = mediaStream.getVideoTracks()

パラメータ

なし。

戻り値

MediaStreamTrackの配列。

例外

次の例は、Chrome's Image Capture / Photo Resolution Sample (英語)から抜粋したものであり、getVideoTracks()を用いて取得したトラックをImageCapture()コンストラクタへ渡しています。

const input = document.querySelector('input[type="range"]');

var imageCapture;

navigator.mediaDevices.getUserMedia({video: true})
.then(mediaStream => {
  document.querySelector('video').srcObject = mediaStream;

  const track = mediaStream.getVideoTracks()[0];
  imageCapture = new ImageCapture(track);

  return imageCapture.getPhotoCapabilities();
})

仕様

仕様 状況 コメント
Media Capture and Streams
getVideoTracks() の定義
勧告候補 初版

ブラウザ互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (有) ? ? (有) ?
Feature Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support (有) (有) ? ? ? (有) ?

ドキュメントのタグと貢献者

このページの貢献者: e53e04ac
最終更新者: e53e04ac,