MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey-2018-1

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() の定義
勧告改訂案 初版

ブラウザ互換性

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,