PhotoCapabilities

PhotoCapabilities interface of the the MediaStream 图像捕获 API provides available configuration options for an attached photographic device. A PhotoCapabilities object is retrieved by calling ImageCapture.getPhotoCapabilities() .

特性

PhotoCapabilities.redEyeReduction 只读
Returns one of "never" , "always" ,或 "controllable" "controllable" value means the device's read-eye reduction is controllable by the user.
PhotoCapabilities.imageHeight 只读
返回 MediaSettingsRange object indicating the image height range supported by the user agent.
PhotoCapabilities.imageWidth 只读
返回 MediaSettingsRange object indicating the image width range supported by the user agent.
PhotoCapabilities.fillLightMode 只读
Returns an array of available fill light options. Options may include auto , off ,或 flash .

范例

The following example, extracted from Chrome's Image Capture / Photo Resolution Sample , uses the results from getPhotoCapabilities() to modify the size of an input range. This example also shows how the ImageCapture object is created using a MediaStreamTrack retrieved from a device's MediaStream .

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 'PhotoCapabilities' 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
PhotoCapabilities
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
fillLightMode
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
imageHeight
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
imageWidth
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
redEyeReduction
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

图例

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