ImageCapture.getPhotoCapabilities()

ImageCapture 인터페이스의 getPhotoCapabilities() 메서드는 사용 가능한 설정 옵션을 담은 PhotoCapabilities 객체로 이행하는 Promise를 반환합니다.

구문

const capabilitiesPromise = imageCaptureObj.getPhotoCapabilities()

반환 값

다음 속성을 포함하는 객체로 이행하는 Promise.

redEyeReduction: 장치의 적목 현상 감소 기능 적용 여부를 나타내는 "never", "always", "controllable" 중 하나를 반환합니다.
imageHeight: 사용자 에이전트가 지원하는 이미지 높이의 범위를 나타내는 객체를 반환합니다.
imageWidth: 사용자 에이전트가 지원하는 이미지 너비의 범위를 나타내는 객체를 반환합니다.
fillLightMode: 사용 가능한 카메라 플래시 옵션을 담은 배열을 반환합니다. 가능한 값은 auto, off, flash입니다.

다음 예제는 Chrome의 Image Capture / Photo Resolution Sample에서 가져온 코드로, getPhotoCapabilities()를 사용해 범위 입력 칸의 크기를 수정합니다. 또한 장치의 MediaStream (en-US)에서 가져온 MediaStreamTrack 객체를 사용해 ImageCapture 객체를 생성하는 부분도 포함하고 있습니다.

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));

명세

Specification
MediaStream Image Capture # dom-imagecapture-getphotocapabilities

브라우저 호환성

BCD tables only load in the browser