diff options
Diffstat (limited to 'files/ko/web/api/photocapabilities/index.html')
-rw-r--r-- | files/ko/web/api/photocapabilities/index.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/files/ko/web/api/photocapabilities/index.html b/files/ko/web/api/photocapabilities/index.html new file mode 100644 index 0000000000..5cf3842b87 --- /dev/null +++ b/files/ko/web/api/photocapabilities/index.html @@ -0,0 +1,84 @@ +--- +title: PhotoCapabilities +slug: Web/API/PhotoCapabilities +tags: + - API + - Experimental + - Interface + - MediaStream Image Capture API + - PhotoCapabilities + - Reference +translation_of: Web/API/PhotoCapabilities +--- +<div>{{APIRef("MediaStream Image")}}</div> + +<p><span class="seoSummary"><a href="/ko/docs/Web/API/MediaStream_Image_Capture_API">MediaStream Image Capture API</a>의 <code>PhotoCapabilities</code> 인터페이스는 장착된 촬영 장치에서 사용 가능한 설정 옵션을 제공합니다. <code>PhotoCapabilities</code> 객체는 {{domxref("ImageCapture.getPhotoCapabilities()")}}를 사용해 가져올 수 있습니다..</span></p> + +<h2 id="속성">속성</h2> + +<dl> + <dt>{{domxref("PhotoCapabilities.redEyeReduction")}} {{readonlyinline}}</dt> + <dd>장치의 적목 현상 감소 기능 적용 여부를 나타내는 열거형 값을 반환합니다. 가능한 값은 <code>"never"</code>, <code>"always"</code>, <code>"controllable"</code>로, <code>"controllable"</code>이어야 설정 가능합니다.</dd> + <dt>{{domxref("PhotoCapabilities.imageHeight")}} {{readonlyinline}}</dt> + <dd>{{glossary("user agent", "사용자 에이전트")}}가 지원하는 이미지 높이를 나타내는 {{domxref("MediaSettingsRange")}} 객체를 반환합니다.</dd> + <dt>{{domxref("PhotoCapabilities.imageWidth")}} {{readonlyinline}}</dt> + <dd>{{glossary("user agent", "사용자 에이전트")}}가 지원하는 이미지 너비를 나타내는 {{domxref("MediaSettingsRange")}} 객체를 반환합니다.</dd> + <dt>{{domxref("PhotoCapabilities.fillLightMode")}} {{readonlyinline}}</dt> + <dd>사용 가능한 플래시 옵션을 담은 배열을 반환합니다. 가능한 값은 <code>auto</code>, <code>off</code>, <code>flash</code>입니다.</dd> +</dl> + +<h2 id="예제">예제</h2> + +<p>다음 예제는 <a href="https://googlechrome.github.io/samples/image-capture/photo-resolution.html">Chrome의 Image Capture / Photo Resolution Sample</a>에서 가져온 코드로, {{domxref("ImageCapture.getPhotoCapabilities", "getPhotoCapabilities()")}}를 사용해 범위 입력 칸의 크기를 수정합니다. 또한 장치의 {{domxref("MediaStream")}}에서 가져온 {{domxref("MediaStreamTrack")}} 객체를 사용해 {{domxref("ImageCapture")}} 객체를 생성하는 부분도 포함하고 있습니다.</p> + +<pre class="brush: js">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));</pre> + +<h2 id="명세">명세</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Specification</th> + <th scope="col">Status</th> + <th scope="col">Comment</th> + </tr> + <tr> + <td>{{SpecName('MediaStream Image','#photocapabilities-section','PotoCapabilities')}}</td> + <td>{{Spec2('MediaStream Image')}}</td> + <td>Initial definition.</td> + </tr> + </tbody> +</table> + +<h2 id="브라우저_호환성">브라우저 호환성</h2> + +<div> + + +<p>{{Compat("api.PhotoCapabilities")}}</p> +</div> |