TL;DR

Recordly는 macOS, Windows, Linux에서 동작하는 오픈소스 데스크탑 화면 녹화 및 데모 편집 도구로, 자동 줌 제안과 커서 보정, 웹캠 오버레이, 프레임 스타일링 같은 데모 특화 기능을 에디터 내에서 통합한다. 플랫폼별로 macOS는 ScreenCaptureKit, Windows는 Windows Graphics Capture 헬퍼를 사용하여 네이티브 캡처 품질을 확보하고, 편집과 내보내기 렌더링은 PixiJS 기반 씬 합성으로 동일하게 처리된다. .recordly 프로젝트 파일로 편집 상태를 보존하고 MP4/GIF로 직접 내보낼 수 있으나 커서 숨김과 시스템 오디오는 플랫폼별 지원 차이가 있어 Linux에서는 커서 이중 표시나 PipeWire 의존성을 주의해야 한다.

주요 기능

• 자동 줌과 커서 보정 기능을 적용한다. 커서 활동을 기반으로 줌 포인트를 제안하고 타임라인에서 미세 조정이 가능하다. 최종 출력에 대해 프레임 패딩, 배경 블러, 그림자, 그라디언트 등을 적용할 수 있다.
• 웹캠 오버레이를 레이어로 배치하고 위치와 크기, 라운드 처리, 그림자, 좌표 기반 커스텀을 제어한다. 웹캠은 줌 반응형으로 설정 가능하여 움직임 중에도 비주얼 균형이 유지된다. 업로드된 영상 파일을 대체하거나 미러링 옵션을 적용할 수 있다.
• 타임라인 기반 드래그 앤 드롭 편집을 제공한다. 트림, 속도 조절 구간, 주석, 추가 오디오 영역을 타임라인에서 직접 배치하여 데모 편집 워크플로를 완성할 수 있다. 작업 상태는 .recordly 프로젝트 파일로 저장되어 재개가 가능하다.
• MP4와 GIF로 직접 내보내기를 수행한다. 출력 포맷별 품질, GIF 프레임레이트와 루프 토글, 출력 해상도 및 종횡비를 제어할 수 있다. 미리보기에 사용한 씬 로직과 동일한 렌더 파이프라인이 내보내기에 적용된다.

어떻게 동작하는가

Recordly는 플랫폼별 네이티브 캡처 계층과 렌더러 기반 편집·내보내기 파이프라인을 결합한 구조이다. Electron이 애플리케이션 흐름과 녹화 제어를 조정하고 macOS는 ScreenCaptureKit, Windows는 Windows Graphics Capture 헬퍼를 사용하여 네이티브 캡처를 수행한다. 편집 상태의 장면 합성은 PixiJS로 처리되어 미리보기와 MP4/GIF 내보내기에서 동일한 씬 로직이 재현된다.

해결 문제

원시 녹화 영상을 외부 모션 디자이너에게 의존하지 않고 데모·튜토리얼 영상으로 빠르게 다듬는 문제를 해결한다. 자동 줌 제안, 커서 스무딩, 프레임 스타일 적용 등 반복적인 모션 편집 작업을 에디터 내에서 처리하도록 구성되어 있다. 이로 인해 제품 데모나 화면 안내 영상을 만들 때 편집 복잡도와 분업 비용이 줄어드는 것이 확인된다.

지금 주목받는 이유

오픈소스 기반의 크로스플랫폼 데스크탑 녹화·편집 도구로 자동 줌과 커서 폴리싱 같은 데모 특화 기능을 통합한 점이 주목받고 있다.

차별점

• 네이티브 캡처 헬퍼를 플랫폼별로 사용하여 macOS와 Windows에서 더 나은 커서 처리와 시스템 오디오 캡처를 제공한다.
• 편집과 렌더링 파이프라인이 동일한 씬 로직(PixiJS 기반)을 공유하여 미리보기와 출력 사이 일관성을 유지한다.
• 커뮤니티 확장 시스템을 통해 커서 소리, 디바이스 프레임, 렌더 훅 등 기능을 플러그인 형태로 추가할 수 있어 사용자 정의 확장이 가능하다.

사용 사례

• 제품 데모나 온보딩 비디오를 빠르게 제작하여 릴리스 노트나 마케팅 자료에 삽입하는 용도로 사용된다.
• 소프트웨어 튜토리얼과 교육용 화면 녹화에서 커서 강조와 자동 줌으로 핵심 동작을 명확히 전달하는 데 사용된다.
• 프로토타입 데모를 신속히 만들고 팀 내 피드백용으로 공유한 뒤 .recordly 프로젝트 파일로 편집 상태를 보존하는 워크플로에서 활용된다.

시작하기

레포를 복제한 뒤 npm 의존성을 설치하고 개발 모드로 실행하면 로컬에서 에디터와 캡처 흐름을 확인할 수 있다. 개발 테스트는 git clone https://github.com/webadderallorg/Recordly.git recordly, cd recordly, npm install, npm run dev 순으로 진행한다. 배포용 빌드가 필요하면 npm run build 또는 플랫폼별 스크립트(npm run build:mac 등)를 사용하여 패키징하면 된다.

요구사항

• macOS 14.0 이상이 필요하며 ScreenCaptureKit 기반의 오디오 및 마이크 캡처를 위해 해당 버전이 요구된다.
• Windows는 빌드 19041 이상(Windows 10 20H1)이 권장되며, 해당 버전에서 Windows Graphics Capture와 WASAPI 기반 시스템 오디오가 최적 동작한다.
• Linux는 최신 배포판에서 Electron 캡처 API로 녹화가 가능하며 시스템 오디오는 일반적으로 PipeWire 구성이 필요하다.

이미지 분석