브라우저가 허용하는 범위에서 화면, 창 또는 탭을 녹화하는 도구입니다. getDisplayMedia + MediaRecorder를 기반으로 하며 프레임 레이트는 30 또는 60 fps 중에 고르고, 시스템 소리를 요청할지 마이크를 추가로 켤지 정할 수 있습니다. 두 소리를 모두 쓸 수 있으면 AudioContext로 로컬에서 하나의 오디오 트랙으로 섞습니다.

녹화 결과는 WebM이며 인코딩은 VP9+Opus를 우선하고, 안 되면 VP8+Opus, 그다음 브라우저 기본 WebM으로 넘어갑니다. 녹화 단계에서는 ffmpeg.wasm을 쓰지 않습니다. ‘MP4로 변환(오디오·동영상 스튜디오로 보내기)’를 누른 뒤에야 변환 단계가 ffmpeg core를 불러옵니다.

1. 01옵션을 설정하세요녹화 전에 30 또는 60 fps를 고르고 ‘시스템 소리’와 ‘마이크’를 요청할지 정합니다.
2. 02녹화를 시작하세요버튼을 누르면 뜨는 브라우저 공유 창에서 화면/창/탭을 선택합니다. 시스템 소리가 필요하면 공유 창에서 오디오 공유도 허용해야 합니다.
3. 03녹화를 제어하세요일시 정지, 재개, 중지를 쓸 수 있습니다. 브라우저 자체 공유 표시줄에서 ‘공유 중지’를 누르면 페이지도 MediaRecorder를 자동으로 멈춥니다.
4. 04결과를 저장하세요중지 후 로컬에서 WebM을 미리 보고 바로 내려받습니다. MP4가 필요하면 ‘MP4로 변환’을 눌러 결과를 오디오·동영상 스튜디오로 보냅니다.

플랫폼 지원

getDisplayMedia에 의존하므로 데스크톱 Chrome / Edge / Firefox 등에서 주로 동작합니다. 모바일 브라우저는 대체로 지원하지 않으며, 페이지가 곧바로 미지원 안내를 표시합니다.

시스템 소리

녹음 가능 여부는 브라우저, 운영체제, 공유 창에서 사용자가 고른 선택에 달려 있습니다. 코드에서 Firefox는 시스템 소리를 지원하지 않는다고 명확히 안내합니다.

프레임 레이트는 희망값

30/60 fps는 공유 트랙에 보내는 ideal 요청이며 실제 프레임 레이트는 시스템과 공유 대상에 따라 달라집니다.

출력 형식

바로 나오는 결과는 WebM뿐입니다. MP4는 녹화 코덱이 아니라, 녹화한 WebM을 ffmpeg 스튜디오로 보내 변환한 것입니다.

하지 않는 일

영역 자르기, 카메라 화면 겹치기, 녹화 후 자동 편집은 없습니다. 후처리가 필요하면 내려받아 해당 오디오·동영상 도구로 보내세요.

화면, 시스템 소리, 마이크는 모두 브라우저 안에서 MediaRecorder/AudioContext가 처리하며 업로드되지 않습니다. ffmpeg CDN도 불러오지 않습니다. 직접 WebM을 스튜디오로 보내 MP4로 바꿀 때만 변환 단계에서 ffmpeg core를 처음 내려받습니다.