카메라 녹화기

웹캠이나 카메라로 사진을 찍거나 영상을 녹화합니다.

브라우저에서 웹캠과 마이크를 켜서 사진을 찍거나 WebM 영상을 녹화합니다. 모든 처리는 이 탭 안에서 이뤄집니다.

사용 순서

Grant permission 버튼으로 카메라와 마이크 사용을 허용합니다.
사용할 카메라와 마이크를 고르고 Start webcam을 누릅니다.
Take screenshot으로 사진을 찍거나 Start recording으로 녹화합니다. Pause, Resume, Stop으로 녹화를 조절합니다.
아래 목록에서 항목별로 다운로드하거나 삭제합니다.

예시

카메라를 고르고 Start recording을 누른 뒤 Stop을 누르면 목록 맨 위에 Video 항목이 생깁니다. 다운로드하면 video-과 생성 시각의 밀리초 값, .webm이 이어진 파일명으로 저장됩니다.

한계

녹화는 WebM 형식만 씁니다. 브라우저가 video/webm 녹화를 지원하지 않으면 녹화 버튼 대신 지원하지 않는다는 문구가 나옵니다. 사진은 카메라가 실제로 주는 해상도 그대로 PNG로 저장됩니다. 결과물은 메모리에만 있어서 새로고침하면 사라지며, 긴 녹화는 브라우저 메모리를 많이 씁니다.

보안 주의

카메라와 마이크가 켜져 있는 동안에는 주변 사람, 화면의 문서, 모니터 내용까지 함께 찍힙니다. 동의 없이 타인을 촬영하거나 녹음하지 마세요. 저장한 파일은 이 기기에 남으므로 공용 PC에서는 목록을 비우고 탭을 닫으세요.

배경 지식

카메라 접근은 navigator.mediaDevices.getUserMedia가 담당합니다. 사용자가 허용하면 MediaStream을 돌려주며, 스트림 하나에 영상 트랙과 음성 트랙이 들어갑니다. 이 스트림을 video 요소에 연결하면 실시간 화면이 됩니다. 브라우저는 카메라가 켜져 있다는 표시를 따로 띄우는 것이 일반적입니다.

MediaRecorder는 MediaStream을 받아 지정한 형식의 데이터 조각을 쌓습니다. 이 도구는 video/webm으로 녹화하고, 녹화를 멈추면 조각을 Blob으로 합친 뒤 object URL을 만듭니다. object URL은 브라우저 메모리를 가리키는 임시 주소라서, 파일로 저장하기 전에는 어디에도 올라가지 않습니다.

사진 찍기는 video 요소의 현재 프레임을 canvas에 그린 뒤 PNG 데이터 URL로 바꾸는 방식입니다. 화면에 보이는 프레임을 그대로 복사하므로 화질은 카메라가 주는 해상도에 좌우됩니다. 사진 크기는 화면에 보이는 크기와 상관없이 카메라 원본 프레임 크기로 저장됩니다.

자주 묻는 질문

녹화한 영상은 서버에 올라가나요?

이 도구의 코드에는 영상을 전송하는 요청이 없습니다. 녹화는 브라우저 메모리에 쌓였다가 다운로드 버튼을 눌렀을 때만 파일로 저장됩니다. 공용 기기라면 다운로드 폴더에 남은 파일도 따로 지우세요.

왜 MP4가 아니라 WebM으로 저장되나요?

이 도구는 브라우저의 MediaRecorder가 지원하는 video/webm으로 녹화합니다. MP4가 필요하면 다른 변환 도구로 옮겨 변환해야 합니다. 최근의 동영상 재생기는 대부분 WebM 파일을 재생할 수 있습니다.

Stop을 누른 뒤에도 카메라 불이 꺼지지 않을 때는 어떻게 하나요?

이 페이지를 떠나면 스트림이 정지되도록 되어 있습니다. 그래도 불이 남아 있다면 탭을 닫고, 운영체제의 카메라 사용 앱 목록에서 다른 프로그램이 카메라를 쓰고 있는지 확인하세요.