このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
MediaStream: getVideoTracks() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年9月以降、すべてのブラウザーで利用可能です。
getVideoTracks() は MediaStream インターフェイスのメソッドで、このストリームに含まれる動画トラックを表す MediaStreamTrack オブジェクトの配列を返します。
構文
js
getVideoTracks()
引数
なし。
返値
MediaStreamTrack オブジェクトの配列で、それぞれがメディアストリームに含まれるそれぞれの動画トラックを表します。動画トラックは kind プロパティが video であるトラックです。ストリームに動画トラックが含まれていない場合、配列は空となります。
メモ:
トラックの順序は仕様で定義されておらず、 getVideoTracks() の呼び出しごとに同じ順序になるとは限りません。
例
次の例は、 Chrome's
Image Capture / Photo Resolution Sample (英語)から抜粋したものであり、 getVideoTracks() を用いて取得したトラックを ImageCapture() コンストラクターへ渡しています。
js
let 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 # dom-mediastream-getvideotracks |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。