📸 동영상에서 스크린샷
화면 녹화에서 정지된 페이지 스크린샷을 추출 — 튜토리얼 제작에 딱. 녹화하면서 각 페이지에서 잠깐 멈추면 캡처됩니다. 100% 브라우저 내, 업로드 없음.
✓ 영구 무료 · ✓ 가입 불필요 · ✓ 업로드 없음 · ✓ 오프라인 작동
🔒 이미지가 기기 밖으로 나가지 않아요. 모든 처리는 JavaScript + Canvas를 사용하여 브라우저에서 로컬로 이루어져요. 업로드, 서버, 추적이 없어요.
기능
- 페이지 변화 자동 감지 — 녹화를 스캔해 페이지가 크게 바뀔 때마다 한 장씩 캡처 — 튜토리얼에 필요한 바로 그 프레임.
- 간격 또는 수동 — 또는 N초마다 캡처하거나, 정확한 순간으로 이동해 직접 캡처.
- 절대 업로드 안 함 — 동영상은 브라우저에서 canvas로 디코딩됩니다. 기기를 떠나지 않습니다 — DevTools에서 확인하세요.
- 일괄 다운로드 — 원하는 프레임을 골라 ZIP(PNG 또는 JPG)으로 한 번에 다운로드.
작동 방식
- 화면 녹화를 끌어다 놓기 — MP4, WebM, MOV — 예를 들어 문서화할 웹사이트의 클릭 과정.
- 가져오는 방식 선택 — 멈추면 캡처(튜토리얼에 최적 — 멈춘 모든 페이지를 캡처), 페이지 변화 자동 감지, N초마다, 또는 수동.
- 추출 — 도구가 동영상을 훑어 서로 다른 페이지 프레임을 뽑아냅니다.
- 선택 후 다운로드 — 필요 없는 건 해제하고 나머지를 ZIP으로 다운로드.
활용 사례
- 단계별 웹/앱 튜토리얼 제작
- 화면 녹화를 스크린샷이 있는 글 가이드로 변환
- 수동 일시정지 없이 강의·문서 스크린샷
- 버그 재현 녹화에서 정확한 프레임 추출
자주 묻는 질문
"멈추면 캡처"는 어떻게 작동하나요?
녹화 중 원하는 각 페이지에서 1~2초 일부러 멈추세요. 정지 시간을 맞춰 설정하면(예: 1초) 화면이 그만큼 멈춘 모든 지점을 한 장씩 캡처합니다 — 어떤 페이지를 캡처할지 직접 정합니다.
제 동영상을 업로드하나요?
아니요. 동영상은 브라우저에서 canvas로 완전히 디코딩되어 서버에 닿지 않습니다. DevTools를 열면 업로드 제로가 보입니다.
페이지 변화 자동 감지는 어떻게 작동하나요?
초당 약 두 번 샘플링해 각 프레임을 마지막으로 저장한 것과 비교하고, 페이지가 충분히 바뀌면 저장합니다. 감도 슬라이더로 많거나 적게 조절하세요.
어떤 동영상 형식이 되나요?
브라우저가 재생할 수 있는 것 — 보통 MP4(H.264), WebM, MOV. 로드되지 않으면 먼저 MP4로 변환하세요.
원본 해상도 스크린샷을 얻을 수 있나요?
네 — 프레임은 동영상의 원본 해상도로 캡처됩니다. 원하는 해상도로 녹화하세요.
관련 도구
💬 버그, 아이디어, 아니면 그냥 인사? Milo 🐨 에게 알리기 · [email protected]