The getSupportedConstraints()
method of the MediaDevices
interface returns an object based on the MediaTrackSupportedConstraints
dictionary, whose member fields each specify one of the constrainable properties the user agent understands.
On this page
MediaDevices: getSupportedConstraints() method
Syntax
js
getSupportedConstraints()
Parameters
None.
Return value
A new object based on the MediaTrackSupportedConstraints
dictionary listing the constraints supported by the user agent. Because only constraints supported by the user agent are included in the list, each of these Boolean properties has the value true
.
Examples
This example outputs a list of the constraints supported by your browser.
js
const constraintList = document.querySelector("#constraintList");
const supportedConstraints = navigator.mediaDevices.getSupportedConstraints();
for (const constraint of Object.keys(supportedConstraints)) {
const elem = document.createElement("li");
elem.innerHTML = `<code>${constraint}</code>`;
constraintList.appendChild(elem);
}
Result
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
getSupportedConstraints |
53 | 12 | 44 | No | 40 | 11 | 53 | 52 | 50 | 41 | 11 | 6.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getSupportedConstraints