카메라 테스트

카메라 테스트는 브라우저가 노트북 내장 카메라, 외장 USB 카메라 또는 다른 영상 입력 장치에 접근해 실시간 미리보기를 표시할 수 있는지 확인하는 도구입니다. 화상 회의, 온라인 수업, 원격 면접, 라이브 방송, 녹화 전에 잘못된 카메라 선택, 권한 차단, 검은 화면, 낮은 해상도, 부족한 조명 같은 문제를 미리 점검할 수 있습니다. 이 도구는 브라우저 카메라 권한을 사용하고, 페이지가 실제로 열 수 있는 영상 스트림을 보여 주며, 로컬 스냅샷으로 선명도와 구도를 확인할 수 있습니다. 장치 선택, 해상도, 프레임레이트, 화면 비율, 기본 화질 확인에는 도움이 되지만 드라이버나 하드웨어 고장을 고치지는 못합니다. 화면이 나오지 않으면 시스템 개인정보 설정, 다른 앱의 점유, 케이블, 드라이버를 확인해야 합니다.

카메라 테스트 도구는 W3C Media Capture and Streams 사양을 기반으로 하며, navigator.mediaDevices.getUserMedia(constraints)를 사용하여 카메라에 접근합니다. constraints 매개변수는 해상도(너비, 높이), 프레임 속도, 카메라 방향, 장치 ID에 대해 ideal, exact, min, max 값을 지정하는 JSON 유사 객체입니다. 브라우저의 제약 해석기는 카메라 펌웨어가 보고하는 UVC(USB 비디오 클래스) 디스크립터에 대해 이를 협상합니다. exact 제약을 충족할 수 없으면 OverconstrainedError로 거부되며, 이것이 해상도 지원 확인 도구의 메커니즘으로, 각 해상도를 { exact } 제약으로 탐색하여 실패를 표시합니다. 스트림이 획득되면 비디오 트랙은 getSettings()(협상 후 실제 적용된 값), getCapabilities()(하드웨어의 전체 지원 범위), getConstraints()(원래 요청한 값)를 노출합니다. 적용된 해상도, 프레임 속도, 화면 비율, 카메라 방향은 getSettings()에서 읽어 표시됩니다. 실시간 미리보기는 비디오 요소의 srcObject를 MediaStream으로 설정하여 렌더링하며, 브라우저의 미디어 파이프라인이 JavaScript 픽셀 조작 없이 디코딩, 색공간 변환, GPU 가속 렌더링을 처리합니다. 정지 캡처의 경우 CanvasRenderingContext2D.drawImage(videoElement, 0, 0)이 현재 디코딩된 비디오 프레임을 숨겨진 캔버스에 스냅샷하고, toDataURL('image/png')이 이를 PNG 데이터 URL로 직렬화합니다. enumerateDevices()는 사용 가능한 모든 미디어 입력 장치를 나열합니다. 장치 라벨은 사용자가 최소 한 번 카메라 권한을 부여할 때까지 빈 문자열이며, 이는 핑거프린트 방지 조치입니다. track.stop()을 호출하면 카메라 하드웨어가 해제되고 표시등이 꺼지며, videoElement.srcObject = null로 렌더링 파이프라인을 분리합니다. getUserMedia는 보안 컨텍스트(HTTPS 또는 localhost)가 필요하며 출처별 권한 프롬프트를 트리거합니다. 카메라 표시등은 OS 수준에서 적용되며 페이지에서 우회할 수 없습니다.

• 제약 협상: 브라우저 해석기가 ideal/exact/min/max 값을 UVC 하드웨어 디스크립터와 매칭합니다. { exact } 탐색은 센서가 요청한 해상도를 제공할 수 없을 때 OverconstrainedError로 실패하며, 이것이 해상도 지원 그리드를 채우는 방식입니다.
• 트랙 검사: getSettings()는 협상 후 실제로 적용된 해상도, 프레임 속도, 화면 비율, facingMode를 반환합니다. USB 대역폭이나 센서 성능이 제한적일 때 요청한 ideal 값과 다를 수 있습니다.
• enumerateDevices 개인정보 보호: 장치 라벨은 출처당 getUserMedia 권한이 최소 한 번 부여될 때까지 빈 문자열입니다. 스펙이 규정한 핑거프린트 방지 조치로, 첫 방문 시 장치 선택기에 일반 이름이 표시됩니다.
• 캔버스 정지 캡처: drawImage()는 GPU 합성기에서 디코딩된 비디오 프레임을 2D 픽셀 버퍼로 복사하며 재인코딩하지 않습니다. toDataURL('image/png')은 무손실 PNG로 직렬화하며, 프레임은 브라우저 메모리를 벗어나지 않습니다.
• 카메라 방향: VideoFacingModeEnum은 track.getSettings().facingMode에서 읽습니다('user' 전면, 'environment' 후면, 'left'/'right' 외부). 모든 데스크톱 USB 카메라가 방향을 보고하지 않으므로 'unknown'이 표시될 수 있습니다.
• 스트림 수명 주기: track.stop()은 카메라 하드웨어를 해제하고 OS 수준 표시등을 끕니다. srcObject = null은 렌더링 파이프라인을 분리합니다. 다른 애플리케이션이 장치를 사용하려면 둘 다 필요합니다.
• 보안 모델: getUserMedia는 보안 컨텍스트(HTTPS 또는 localhost)가 필요하고, 출처별 권한 대화 상자를 트리거하며, 카메라 표시등은 OS/커널 수준에서 적용됩니다. 이 세 가지 게이트 중 어느 것도 페이지에서 우회할 수 없습니다.