MediaTrackSupportedConstraints
dictionary's
frameRate
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
用户代理
支持
frameRate
constraint.
If the constraint isn't supported, it's not included in the list, so this value will never be
false
.
frameRate
constraint can be used to establish acceptable upper and lower bounds on the video frame rate for a new video track, or to specify an exact frame rate that must be provided for the request to succeed. Checking the value of this property lets you determine if the user agent allows constraining the video track configuration by frame rate. See the
范例
to see how this can be used.
frameRateConstraintSupported = supportedConstraintsDictionary.frameRate;
This property is present in the dictionary if the user agent supports the
frameRate
constraint. If the property isn't present, the user agent doesn't allow specifying limits on the frame rate for video tracks.
If this property is present, its value is always
true
.
This simple example looks to see if your browser supports constraining the frame rate when requesting video tracks.
let result = document.getElementById("result");
if (navigator.mediaDevices.getSupportedConstraints().frameRate) {
result.innerHTML = "Supported!";
} else {
result.innerHTML = "Not supported!";
}
<div id="result"> </div>
#result {
font: 14px "Arial", sans-serif;
}
The output, showing if your browser supports the
frameRate
constraint, is:
While this example is trivial, you can replace the simple output of "Supported" vs. "Not supported" with code to provide alternative methods for presenting the audiovisual information you want to share with the user or otherwise work with.
| 规范 | 状态 | 注释 |
|---|---|---|
|
媒体捕获和流
The definition of 'frameRate' in that specification. |
候选推荐 | 最初的规范。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
frameRate
|
Chrome 52 | Edge ≤79 | Firefox 42 | IE ? | Opera Yes | Safari ? | WebView Android 52 | Chrome Android 52 | Firefox Android 42 | Opera Android Yes | Safari iOS ? | Samsung Internet Android 6.0 |
完整支持
兼容性未知
MediaDevices.getSupportedConstraints()
MediaTrackSupportedConstraints
MediaStreamTrack
MediaTrackSupportedConstraints
AudioStreamTrack
BlobEvent
CanvasCaptureMediaStream
ConstrainBoolean
ConstrainDOMString
ConstrainDouble
ConstrainLong
DoubleRange
HTMLCanvasElement.captureStream()
LongRange
MediaDevices
MediaStream
MediaStreamTrack
MediaStreamTrackEvent
MediaTrackCapabilities
MediaTrackConstraints
MediaTrackSettings
Navigator.mediaDevices
NavigatorUserMedia
NavigatorUserMediaError
VideoStreamTrack
navigator.mediaDevices.getUserMedia()