MediaDevices: getSupportedConstraints() method

getSupportedConstraints()

<p>The following media constraints are supported by your browser:</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);
}