MediaTrackSupportedConstraints.width

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2017.

MediaTrackSupportedConstraints 辞書の width プロパティは読み取り専用の論理値で、 MediaDevices.getSupportedConstraints() が返すオブジェクトに存在(true に設定)するならば、ユーザーエージェントwidth 制約に対応しています。制約に対応していない場合、リストには含まれなくなりますので、この値が false になることはありません。

対応している制約の辞書は navigator.mediaDevices.getSupportedConstraints() を呼び出すことで取得できます。

構文

js
widthConstraintSupported = supportedConstraintsDictionary.width;

ユーザーエージェントが width 制約に対応している場合、このプロパティが辞書に現れます(値は常に trueです)。このプロパティがない場合は、対応している制約の辞書から欠落しており、その値を見ようとすると undefined が返されます。

js
let result = document.getElementById("result");

if (navigator.mediaDevices.getSupportedConstraints().width) {
  result.textContent = "Supported!";
} else {
  result.textContent = "Not supported!";
}

結果

仕様書

Specification
Media Capture and Streams
# dom-mediatrackconstraintset-width

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
width constraint

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報