MediaDevices.getSupportedConstraints()

MediaDevices インタフェースのgetSupportedConstraints() メソッドは、MediaTrackSupportedConstraintsディクショナリをベースとするオブジェクトを戻り値として返します。このオブジェクトのメンバーフィールドは、user agentが扱えるメディア制約に関するプロパティを表しています。

var supportedConstraints = navigator.mediaDevices.getSupportedConstraints();

なし。

MediaTrackSupportedConstraintsディクショナリをベースにした新しいオブジェクトです。このオブジェクトはユーザエージェントが扱えるメディア制約の一覧を含みます。この一覧に含まれているものはユーザエージェントが取り扱えるものだけなので、全てのBoolean型のプロパティはtrueの値になっています。

この例は、実行中のブラウザでサポートされている制約の一覧を出力するものです。

<p>あなたのブラウザは、以下のメディア制約をサポートしています。</p>

<ul id="constraintList">
</ul>

body {
  font: 15px Arial, sans-serif;
}

let constraintList = document.getElementById("constraintList");
let supportedConstraints = navigator.mediaDevices.getSupportedConstraints();

for (let constraint in supportedConstraints) {
  if (supportedConstraints.hasOwnProperty(constraint)) {
    let elem = document.createElement("li");

    elem.innerHTML = "<code>" + constraint + "</code>";
    constraintList.appendChild(elem);
  }
}