MediaDevices: getSupportedConstraints() メソッド

getSupportedConstraints()

<p>このブラウザーは、以下のメディア制約に対応しています。</p>
<ul id="constraintList"></ul>

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

const constraintList = document.querySelector("#constraintList");
const supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
for (const constraint of Object.keys(supportedConstraints)) {
  const elem = document.createElement("li");
  elem.appendChild(document.createElement("code")).textContent = constraint;
  constraintList.appendChild(elem);
}