Web/API/MediaTrackSupportedConstraints/facingMode
The MediaTrackSupportedConstraints
dictionary's facingMode
property is a read-only Boolean value which is present (and set to true
) in the object returned by MediaDevices.getSupportedConstraints()
if and only if the user agent supports the facingMode
constraint. If the constraint isn't supported, it's not included in the list, so this value will never be false
.
You can access the supported constraints dictionary by calling navigator.mediaDevices.getSupportedConstraints()
.
Syntax
facingModeConstraintSupported = supportedConstraintsDictionary.facingMode;
Value
This property is present in the dictionary (and its value is always true
) if the user agent supports the facingMode
constraint. If the property isn't present, this property is missing from the supported constraints dictionary, and you'll get undefined
if you try to look at its value.
Example
HTML
<div id="result">
</div>
CSS
#result {
font: 14px "Arial", sans-serif;
}
JavaScript
let result = document.getElementById("result");
if (navigator.mediaDevices.getSupportedConstraints().facingMode) {
result.innerHTML = "Supported!";
} else {
result.innerHTML = "Not supported!";
}
Result
Specifications
Specification | Status | Comment |
---|---|---|
Media Capture and StreamsThe definition of 'facingMode' in that specification. | Candidate Recommendation | Initial specification. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
facingMode
|
Chrome
Full support 52 |
Edge
Full support ≤79 |
Firefox
Full support 42 |
IE
No support No |
Opera
Full support Yes |
Safari
? |
WebView Android
Full support 52 |
Chrome Android
Full support 52 |
Firefox Android
Full support 42 |
Opera Android
Full support Yes |
Safari iOS
? |
Samsung Internet Android
Full support 6.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
See also
- Media Capture and Streams API
MediaDevices.getSupportedConstraints()
MediaTrackSupportedConstraints
MediaStreamTrack
MediaTrackSupportedConstraints.facingMode by Mozilla Contributors is licensed under CC-BY-SA 2.5.