MediaSettingsRange - 提供了 PhotoCapabilities.imageHeight 和 PhotoCapabilities.imageWidth 的可能范围和值大小

MediaSettingsRange 是 MediaStream Image Capture API 的接口，提供了 PhotoCapabilities.imageHeight 和 PhotoCapabilities.imageWidth 的可能范围和值大小。PhotoCapabilities 对象可以通过调用 ImageCapture.PhotoCapabilities() 获得。

属性

MediaSettingsRange.max

返回该设置的最大值。

MediaSettingsRange.min

返回该设置的最小值。

MediaSettingsRange.step

返回此设置的连续值之间的最小差异。

实例

在下面的实例是从 Chrome的图像捕获/照片分辨率实例中提取的，，使用了来自getPhotoCapabilities().imageWidth 的结果来修改输入范围的大小。

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('唉!', error.name || error));

规范

规范	状态	备注
MediaStream Image Capture MediaSettingsRange 的定义	工作草案	Initial definition.

桌面浏览器兼容性

移动浏览器兼容性