녹화 소스를 선택하세요
화면, 웹캠 또는 화면 + 웹캠을 선택하세요. 화면 캡처를 사용하는 경우 브라우저가 공유할 화면, 창 또는 탭을 선택하도록 요청합니다.
미디어 도구
•
무료 온라인 도구
무료 온라인 화면 녹화 – 화면, 웹캠 및 오디오
화면, 웹캠 또는 둘 다를 브라우저에서 직접 녹화하세요.
무료 사용
회원가입 없음
브라우저 기반
온라인 도구
무료 온라인 화면 녹화 – 화면, 웹캠 및 오디오
준비 완료
이 브라우저에서는 화면 녹화를 사용할 수 없습니다.
준비됨
화면, 웹캠 또는 둘 다 녹화
권한 및 브라우저 동작
브라우저 기반 녹화
화면
웹캠
화면 + 웹캠
녹화를 마무리하는 중
MP4 encoding runs on your device when the browser recording
requires conversion.
Recording complete
비디오가 준비되었습니다
다운로드하기 전에 완성된 녹화를 미리 확인하세요.
Please solve the captcha first.
MP4 인코딩을 사용할 수 없거나 완료할 수 없어 원본 WebM 녹화가 유지되었습니다.
녹화하기 전에
권한 및 브라우저 동작
필요한 접근만 허용하세요
해당 옵션을 활성화한 경우에만 마이크나 카메라 접근을 허용하세요. 시스템 또는 탭 오디오 역시 브라우저 공유 대화상자에서 승인해야 합니다.
언제든 일시정지하거나 중지하세요
현재 파일을 끝내지 않고 잠시 일시정지한 뒤 준비되면 계속하거나, 중지하여 녹화를 완료할 수 있습니다. 브라우저에서 화면 공유를 종료하면 캡처도 자동으로 중지됩니다.
브라우저 화면 녹화
화면, 웹캠 및 오디오용 무료 온라인 화면 녹화
CyberTools 화면 녹화는 지원되는 브라우저 캡처 API를 사용하여 브라우저 탭, 애플리케이션 창, 전체 화면, 웹캠 또는 화면과 웹캠의 조합을 직접 녹화합니다. 마이크를 포함할 수 있고 지원되는 경우 시스템 또는 탭 오디오를 요청할 수 있으며 1080p, 720p, 480p 중 품질을 선택할 수 있습니다. 녹화 중에는 일시정지와 재개가 가능하며 완료 후 결과를 미리 보고 다운로드할 수 있습니다. 초기 녹화는 MediaRecorder가 만들며 변환이 가능한 경우 FFmpeg WebAssembly를 이용해 H.264 비디오와 AAC 오디오가 포함된 호환 MP4를 만들 수 있습니다. MP4 인코딩에 실패해도 원본 WebM은 유지됩니다.
화면 녹화
웹캠 녹화
마이크 오디오
시스템 / 탭 오디오
일시정지 및 재개
MP4 출력
브라우저 처리
온라인에서 화면을 어떻게 녹화하나요?
화면, 웹캠 또는 화면 + 웹캠을 선택하고 필요한 오디오 소스를 활성화한 뒤 품질을 선택하고 녹화를 시작하세요. 브라우저가 화면, 카메라, 마이크에 필요한 권한을 요청합니다. 녹화 중에는 일시정지, 재개, 중지를 사용할 수 있습니다. 녹화를 중지하면 CyberTools가 브라우저에서 파일을 마무리하고 필요한 경우 호환 MP4 변환을 시도한 뒤 미리보기와 다운로드를 제공합니다.
- 화면, 웹캠 또는 화면 + 웹캠을 선택하세요.
- 목소리를 포함하려면 마이크를 활성화하세요.
- 브라우저와 선택한 공유 소스가 지원하는 경우 시스템 또는 탭 오디오를 요청하세요.
- 1080p, 720p, 480p 중에서 선택하세요.
- 브라우저가 요청하는 권한을 허용하세요.
- 일시정지, 재개 또는 중지 후 결과를 미리 보고 다운로드하세요.
온라인 화면 녹화로 무엇을 녹화할 수 있나요?
브라우저 화면 녹화는 별도의 데스크톱 비디오 편집기를 열지 않고도 작업 과정을 기록할 수 있어 유용합니다. 가장 적합한 설정은 화면, 발표자, 오디오 또는 이들의 조합 중 무엇이 중요한지에 따라 달라집니다.
브라우저 탭, 창 또는 화면 녹화
애플리케이션, 브라우저 탭, 프레젠테이션, 웹사이트, 소프트웨어 데모, 대시보드 등 화면에 보이는 작업을 기록할 때 화면 모드를 사용합니다. 브라우저가 공유 가능한 항목을 결정하며 CyberTools는 사용자가 공유 대화상자에서 승인한 소스만 받습니다.
웹캠 녹화
데스크톱을 녹화하지 않고 카메라만 기록하려면 웹캠 모드를 사용하세요. 짧은 설명, 비디오 메시지, 소개, 발표자 중심 녹화에 적합합니다. 카메라 사용 가능 여부는 브라우저 권한과 기기 상태에 따라 달라집니다.
화면과 웹캠 동시 녹화
화면 + 웹캠 모드는 브라우저 Canvas에서 화면과 카메라 영상을 합성합니다. 화면이 주 영상으로 유지되고 웹캠은 화면 속 화면으로 표시됩니다. 튜토리얼, 워크스루, 발표에 적합합니다.
마이크로 설명 녹음
설명, 안내, 내레이션 또는 음성 해설이 필요할 때 마이크를 활성화하세요. 현재 녹화기는 브라우저가 지원하는 경우 에코 제거, 잡음 억제, 자동 게인 조절 같은 오디오 조건을 요청합니다.
시스템 또는 탭 오디오 요청
화면 녹화 시 시스템 또는 탭 오디오를 요청할 수 있지만 실제 오디오 트랙 제공 여부는 브라우저, 운영체제, 공유 소스, 캡처 대화상자의 옵션에 따라 달라집니다. 브라우저에서 오디오 공유를 별도로 켜야 할 수도 있습니다.
긴 녹화를 일시정지 후 재개
일시정지는 같은 녹화에 새로운 미디어가 추가되는 것을 잠시 멈추지만 파일을 완료하지는 않습니다. 계속하면 동일한 녹화가 이어지고 중지하면 캡처가 종료되며 마무리 작업이 시작됩니다. 표시 시간에는 일시정지 구간이 포함되지 않습니다.
화면 녹화에서 1080p vs 720p vs 480p
품질 설정은 캡처와 합성에 사용되는 목표 해상도를 결정합니다. 해상도가 높을수록 더 많은 세부 정보를 유지할 수 있지만 CPU, 메모리, 저장 공간의 사용량도 증가합니다.
| 설정 | 목표 | 추천 용도 | 차이점 |
|---|---|---|---|
| 1080p | 1920 × 1080 | 세밀한 UI, 프레젠테이션, 큰 화면 | 세 가지 옵션 중 처리량과 파일 크기가 가장 큼 |
| 720p | 1280 × 720 | 일반 튜토리얼과 균형 잡힌 녹화 | 1080p보다 세부 정보가 적지만 부담이 낮음 |
| 480p | 854 × 480 | 간단한 녹화와 저사양 기기 | 세 가지 옵션 중 세부 정보가 가장 적음 |
| 화면만 | 공유 화면 소스 | 소프트웨어 데모와 프레젠테이션 | 통합 모드를 사용하지 않으면 웹캠이 포함되지 않음 |
| 웹캠만 | 카메라 소스 | 비디오 메시지와 발표자 중심 녹화 | 데스크톱 콘텐츠가 포함되지 않음 |
| 화면 + 웹캠 | Canvas 합성 출력 | 튜토리얼과 발표자 포함 워크스루 | 화면과 카메라를 동시에 처리해야 함 |
CyberTools가 화면, 웹캠, 오디오를 녹화하는 방식
녹화기는 표준 브라우저 미디어 API를 사용해 각 소스를 캡처하고 MediaRecorder를 사용해 초기 녹화를 만듭니다. 화면 + 웹캠 모드는 HTML Canvas를 사용해 영상을 합성합니다. 여러 오디오 소스가 있으면 Web Audio API를 사용해 하나의 트랙으로 혼합할 수 있습니다. 녹화 종료 후에는 FFmpeg WebAssembly를 사용해 H.264 비디오와 AAC 오디오가 포함된 MP4를 만들 수 있습니다.
승인된 미디어 소스 요청
화면 캡처는 navigator.mediaDevices.getDisplayMedia(), 웹캠과 마이크는 navigator.mediaDevices.getUserMedia()를 사용합니다. 브라우저가 자체 권한 화면을 표시하고 사용 가능한 화면, 카메라, 마이크를 결정합니다.
화면과 웹캠 합성
통합 모드에서는 CyberTools가 선택된 목표 해상도로 Canvas를 만들고 공유 화면과 웹캠 프레임을 그립니다. 이 Canvas는 30 FPS 비디오 스트림으로 캡처되어 MediaRecorder의 영상 소스가 됩니다.
마이크와 공유 오디오 혼합
여러 오디오 소스가 있는 경우 AudioContext와 MediaStreamDestination을 통해 하나의 혼합 오디오 트랙으로 만들 수 있습니다.
지원되는 MediaRecorder 형식 선택
녹화기는 MediaRecorder.isTypeSupported()를 확인합니다. 지원되면 WebM의 VP9 + Opus를 우선 사용하고, 이후 VP8 + Opus를 시도한 뒤 필요하면 브라우저 기본 형식을 사용합니다.
가능한 경우 MP4 인코딩
브라우저가 WebM을 만들고 FFmpeg WebAssembly를 사용할 수 있다면 CyberTools는 libx264를 이용한 H.264 비디오와 AAC 오디오로 변환할 수 있습니다. MP4 경로는 호환성을 위해 yuv420p와 fast-start 메타데이터를 사용합니다.
변환 실패 시에도 녹화 유지
MP4 변환은 후처리 단계입니다. FFmpeg 로드나 인코딩이 실패해도 원본 WebM 녹화를 유지하여 성공한 녹화가 사라지지 않도록 합니다.
어떤 화면 녹화 설정을 사용해야 하나요?
시청자가 실제로 보고 들어야 하는 내용을 기준으로 설정을 선택하세요. 해상도가 높다고 항상 더 좋은 것은 아니며 불필요하게 기기 부하만 늘어날 수 있습니다.
| Use case | Recommended setting | Why |
|---|---|---|
| 소프트웨어 튜토리얼 | 화면 + 마이크, 1080p 또는 720p | 화면 내용을 선명하게 보여주면서 음성으로 단계를 설명할 수 있습니다. 작은 UI 텍스트가 중요하고 기기 성능이 충분하면 1080p가 적합합니다. |
| 발표자 포함 프레젠테이션 | 화면 + 웹캠 + 마이크 | 슬라이드나 데스크톱을 보여주면서 발표자의 모습과 음성을 함께 녹화할 수 있습니다. |
| 빠른 브라우저 데모 | 화면, 720p | Full HD 수준의 세밀함이 필요하지 않은 일반적인 웹 데모에서는 720p가 좋은 균형을 제공합니다. |
| 간단한 비디오 메시지 | 웹캠 + 마이크 | 카메라와 음성만 필요하다면 화면 공유를 요청할 필요가 없습니다. |
| 탭 오디오 포함 녹화 | 화면 + 요청된 탭 / 시스템 오디오 | 시스템 / 탭 오디오 옵션을 켜고 브라우저 공유 대화상자에 오디오 공유 옵션이 나타나면 함께 허용하세요. |
| 저사양 기기 | 480p 또는 720p | 낮은 해상도를 사용하면 합성, 녹화, 변환에 필요한 비디오 데이터량을 줄일 수 있습니다. |
녹화 설정이 품질, 파일 크기, 호환성에 미치는 영향
화면 녹화 품질은 원본 소스, 캡처 해상도, 브라우저 인코더, 프레임 전달, 오디오 소스, 후처리 변환 등에 따라 달라집니다. WebM과 MP4는 컨테이너 형식이며 그 자체만으로 품질을 결정하지 않습니다.
해상도는 보이는 세부 정보에 영향을 줌
원본 소스에 충분한 정보가 있다면 1080p는 720p나 480p보다 더 많은 UI 세부 정보를 유지할 수 있지만 처리해야 하는 픽셀도 증가합니다.
MediaRecorder가 초기 인코딩 생성
첫 번째 녹화는 MediaRecorder가 만듭니다. CyberTools는 지원되는 WebM 코덱 조합을 확인하며 지원하지 않는 브라우저에 VP9을 강제하지 않습니다.
MP4와 WebM은 컨테이너 형식
현재 MP4 경로는 H.264와 AAC를 사용하고, 브라우저의 초기 녹화는 지원되는 경우 VP9 또는 VP8과 Opus를 사용할 수 있습니다.
MP4 변환에는 실제 재인코딩이 필요
VP8 또는 VP9 WebM은 확장자만 바꾼다고 H.264 MP4가 되지 않습니다. 현재 경로에서는 실제 H.264와 AAC 인코딩을 수행합니다.
긴 녹화는 더 많은 메모리를 사용
녹화 중 미디어 조각이 쌓이고 완성 파일도 브라우저에서 처리되므로 길고 고해상도인 녹화일수록 더 많은 리소스를 사용합니다.
원본에 없는 세부 정보는 만들 수 없음
1080p를 선택해도 원래 화면이나 웹캠에 존재하지 않았던 시각 정보를 새로 만들어낼 수는 없습니다.
화면 녹화는 어디에서 처리되나요?
현재 녹화 흐름은 사용자의 기기에서 브라우저 미디어 API를 사용합니다. MediaRecorder가 로컬 녹화를 만들고 화면과 웹캠 합성은 Canvas에서 수행됩니다. 오디오 혼합에는 Web Audio API를 사용할 수 있으며 선택적 MP4 변환은 FFmpeg WebAssembly를 사용합니다.
브라우저 권한이 캡처를 제어
CyberTools는 화면, 카메라, 마이크를 몰래 선택할 수 없습니다. 브라우저 권한 시스템이 접근을 관리하고 사용 가능한 소스를 표시합니다.
화면 공유가 끝나면 캡처도 종료
사용자가 브라우저 공유 UI에서 화면 공유를 중지하면 비디오 트랙이 ended 이벤트를 발생시키고 녹화도 마무리 단계로 들어갑니다.
로컬 처리도 기기 자원을 사용
캡처, 합성, 인코딩은 사용자의 컴퓨터에서 실행되므로 CPU 성능, 사용 가능한 메모리, 브라우저 구현, 시스템 부하가 안정성에 영향을 줄 수 있습니다.
개인정보 관련 설명은 정확해야 함
녹화는 브라우저 내 로컬 처리 중심으로 설계되었지만 운영체제 제한을 우회하거나 모든 환경에서 모든 오디오 소스를 보장하는 기능은 아닙니다.
온라인 화면 녹화가 보장할 수 없는 것
브라우저 녹화는 보안 제한과 기기 리소스 한도 내에서 작동합니다. 시스템 오디오, 백그라운드 동작, 해상도, 기기 접근에는 환경별 차이가 있습니다.
시스템 오디오는 항상 제공되지 않음
시스템 또는 탭 오디오를 요청해도 실제 오디오 트랙이 반드시 제공되는 것은 아닙니다. 지원 여부는 브라우저, 운영체제, 공유 소스에 따라 달라집니다.
웹사이트는 권한을 우회할 수 없음
카메라, 마이크, 화면 캡처는 권한으로 보호됩니다. CyberTools가 자동 승인하거나 몰래 소스를 선택할 수 없습니다.
매우 긴 고해상도 녹화는 자원을 소진할 수 있음
큰 녹화는 미디어 조각을 저장하는 데 많은 메모리를 사용하고 MP4 인코딩에는 추가 CPU와 메모리가 필요합니다.
1080p는 목표값이며 원본 Full HD를 보장하지 않음
실제 세부 정보는 원본 소스, 브라우저, 기기에서 결정됩니다. 1920 × 1080을 요청해도 원본에 없는 정보가 추가되지는 않습니다.
자동 비디오 편집 기능이 아님
현재 기능은 녹화, 일시정지, 재개, 지원되는 소스 합성, 파일 마무리를 수행합니다. 자동으로 실수를 삭제하거나 자막을 만들거나 AI 편집을 수행하지 않습니다.
백그라운드 동작은 브라우저에 따라 다름
브라우저나 운영체제가 특정 상황에서 미디어 처리를 제한하거나 일시중단 또는 종료할 수 있습니다.
화면 녹화, MediaRecorder, WebM, MP4 및 브라우저 캡처 설명
다음 용어는 현재 화면 녹화 흐름에서 사용되는 주요 브라우저 기술과 미디어 개념입니다.
- getDisplayMedia
- 사용자가 선택한 화면, 창 또는 브라우저 영역의 캡처를 요청하는 MediaDevices 메서드입니다.
- getUserMedia
- 사용자의 허가 후 카메라와 마이크 스트림을 요청하는 MediaDevices 메서드입니다.
- MediaRecorder
- MediaStream을 녹화하고 인코딩된 미디어 조각을 생성하는 브라우저 API입니다.
- MediaStream
- 화면 영상, 웹캠 영상, 마이크 음성, 공유 음성 등의 활성 미디어 트랙 집합입니다.
- Web Audio API
- 여러 오디오 소스를 하나의 출력 트랙으로 혼합하는 데 사용할 수 있는 브라우저 오디오 처리 API입니다.
- WebM
- MediaRecorder가 일반적으로 생성하는 미디어 컨테이너로 VP8 또는 VP9 비디오와 Opus 오디오를 포함할 수 있습니다.
- MP4
- 폭넓게 지원되는 미디어 컨테이너입니다. 현재 변환 경로는 FFmpeg 성공 시 H.264 비디오와 AAC 오디오를 사용하는 MP4를 만듭니다.
- H.264
- 폭넓게 지원되는 비디오 압축 표준입니다. CyberTools는 선택적 MP4 변환에서 libx264를 사용합니다.
- AAC
- 폭넓게 지원되는 압축 오디오 코덱으로 현재 MP4 경로에서는 128 kbps로 사용됩니다.
- FFmpeg WebAssembly
- 브라우저에서 실행되는 FFmpeg 빌드로 지원되는 녹화 결과를 H.264/AAC MP4로 변환하는 데 사용됩니다.
화면 녹화 자주 묻는 질문
화면 캡처, 웹캠, 마이크, 시스템 오디오, 일시정지 및 재개, 품질, MP4/WebM, 개인정보, 브라우저 제한에 대한 답변입니다.
온라인에서 화면을 어떻게 녹화하나요?
화면을 선택하고 필요한 경우 마이크 또는 지원되는 시스템 / 탭 오디오를 활성화한 뒤 품질을 선택하고 녹화를 시작하세요. 브라우저 공유 대화상자에서 화면, 창, 탭을 선택하고 완료되면 중지한 뒤 미리보기와 다운로드를 진행하세요.
웹캠과 화면을 동시에 녹화할 수 있나요?
네. 화면 + 웹캠을 선택하면 CyberTools가 허용된 두 소스를 Canvas에서 합성해 웹캠을 화면 속 화면으로 표시합니다.
화면과 함께 마이크도 녹음할 수 있나요?
네. 녹화를 시작하기 전에 마이크를 활성화하고 브라우저에서 요청하는 권한을 허용하세요.
시스템 또는 탭 오디오도 녹음할 수 있나요?
화면 녹화 중 요청할 수 있지만 실제 사용 가능 여부는 브라우저, 운영체제, 공유 소스에 따라 달라집니다.
녹화를 일시정지했다가 다시 시작할 수 있나요?
네. 일시정지하면 MediaRecorder가 잠시 멈추지만 파일은 완료되지 않으며 계속을 누르면 같은 녹화가 이어집니다.
결과 파일은 MP4인가요, WebM인가요?
브라우저는 먼저 MediaRecorder가 지원하는 형식, 일반적으로 WebM으로 녹화합니다. FFmpeg WebAssembly가 사용 가능하면 H.264/AAC MP4로 변환할 수 있습니다. 실패하면 원본 WebM을 유지합니다.
1080p, 720p, 480p의 차이는 무엇인가요?
1080p는 1920 × 1080, 720p는 1280 × 720, 480p는 854 × 480을 목표로 합니다. 해상도가 높을수록 더 많은 세부 정보를 유지하지만 더 많은 기기 자원이 필요합니다.
녹화는 브라우저에서 처리되나요?
현재 흐름은 브라우저 미디어 API, MediaRecorder, Canvas, Web Audio, 기기의 FFmpeg WebAssembly를 사용합니다.
긴 녹화가 느려지거나 실패할 수 있는 이유는 무엇인가요?
긴 녹화나 고해상도 녹화는 많은 메모리와 CPU를 사용합니다. MP4 변환은 추가 처리 부담을 더합니다.
브라우저 권한을 우회할 수 있나요?
아니요. 화면, 카메라, 마이크 접근은 브라우저와 운영체제의 권한으로 제어됩니다.
화면, 웹캠, 마이크와 지원되는 시스템 또는 탭 오디오를 브라우저에서 직접 녹화하세요. 일시정지, 재개, 미리보기, 다운로드를 지원하며 처리는 브라우저에서 로컬로 실행됩니다.