MediaSettingsRange

这是 实验性技术
检查 浏览器兼容性表格 在生产中使用这之前。

MediaSettingsRange interface of the the MediaStream 图像捕获 API provides the possible range and value size of PhotoCapabilities.imageHeight and PhotoCapabilities.imageWidth . A PhotoCapabilities object can be retrieved by calling ImageCapture.PhotoCapabilities() .

特性

MediaSettingsRange.max
Returns the maximum value of this settings.
MediaSettingsRange.min
Returns the minimum value of this setting.
MediaSettingsRange.step
Returns the minimum difference between consecutive values of this setting.

范例

The following example, extracted from Chrome's Image Capture / Photo Resolution Sample , uses the results from getPhotoCapabilities().imageWidth to modify the size of an input range.

const input = document.querySelector('input[type="range"]');
var imageCapture;
navigator.mediaDevices.getUserMedia({video: true})
.then(mediaStream => {
  document.querySelector('video').srcObject = mediaStream;
  const track = mediaStream.getVideoTracks()[0];
  imageCapture = new ImageCapture(track);
  return imageCapture.getPhotoCapabilities();
})
.then(photoCapabilities => {
  const settings = imageCapture.track.getSettings();
  input.min = photoCapabilities.imageWidth.min;
  input.max = photoCapabilities.imageWidth.max;
  input.step = photoCapabilities.imageWidth.step;
  return imageCapture.getPhotoSettings();
})
.then(photoSettings => {
  input.value = photoSettings.imageWidth;
})
.catch(error => console.log('Argh!', error.name || error));
					

规范

规范 状态 Comment
MediaStream Image Capture
The definition of 'MediaSettingsRange' in that specification.
工作草案 初始定义。

浏览器兼容性

更新 GitHub 上的兼容性数据
Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
MediaSettingsRange
Chrome 59 Edge ≤79 Firefox ? IE ? Opera 46 Safari ? WebView Android 59 Chrome Android 59 Firefox Android ? Opera Android 43 Safari iOS ? Samsung Internet Android 7.0
max
Chrome 59 Edge ≤79 Firefox ? IE ? Opera 46 Safari ? WebView Android 59 Chrome Android 59 Firefox Android ? Opera Android 43 Safari iOS ? Samsung Internet Android 7.0
min
Chrome 59 Edge ≤79 Firefox ? IE ? Opera 46 Safari ? WebView Android 59 Chrome Android 59 Firefox Android ? Opera Android 43 Safari iOS ? Samsung Internet Android 7.0
step
Chrome 59 Edge ≤79 Firefox ? IE ? Opera 46 Safari ? WebView Android 59 Chrome Android 59 Firefox Android ? Opera Android 43 Safari iOS ? Samsung Internet Android 7.0

图例

完整支持
完整支持
兼容性未知
兼容性未知
实验。期望将来行为有所改变。
实验。期望将来行为有所改变。