프로젝트 편집기
녹화가 끝나면 ScreenKite는 화면 녹화에 최적화된 풀기능 비디오 편집기인 프로젝트 편집기를 엽니다. 프로젝트는 .skbundle 파일 형식으로 저장됩니다.
레이아웃
편집기 창은 크기 조절이 가능한 분할 레이아웃을 사용하며 다음과 같이 네 개의 주요 영역으로 구성됩니다:
상단 도구 모음
핵심적인 편집 및 내비게이션 컨트롤을 포함하며, 왼쪽 영역과 오른쪽 영역으로 나뉩니다.
왼쪽 영역 (순서대로):
- Chat (채팅) — AI 채팅 사이드바 패널을 열고 닫습니다. 말풍선 쌍 아이콘(
bubble.left.and.bubble.right)을 사용하며, 패널이 열리면 채워진 아이콘(bubble.left.and.bubble.right.fill)으로 변경됩니다. - AI Agent (AI 에이전트) — MCP 서버를 통해 편집기를 외부 AI 에이전트와 연결합니다.
- Undo / Redo (실행 취소 / 다시 실행) — 표준 실행 취소 및 다시 실행 기능입니다 (Pro 도구 모음 모드 전용).
- Open in Finder (Finder에서 열기) — Finder에서 현재
.skbundle파일을 표시합니다. - Delete Project (프로젝트 삭제) — 현재 프로젝트를 휴지통으로 이동합니다.
- Command Palette (커맨드 팔레트) — 커맨드 팔레트를 엽니다 (⌘+⇧+P).
- Loading indicator (로딩 표시기) — 프로젝트를 로드 중이거나 미리보기를 다시 빌드하는 동안 나타납니다.
오른쪽 영역 (순서대로):
- Presets (사전 설정) — 인스펙터 사전 설정을 캡처하거나 적용합니다.
- Resources (리소스) — 리소스 패널을 표시하거나 숨깁니다 (Pro 도구 모음 모드 전용).
- Import (가져오기) — 타임라인으로 오디오 또는 비디오를 가져옵니다 (⌘+I; Pro 도구 모음 모드 전용).
- Feedback (피드백) — ScreenKite 팀에 피드백을 전송합니다.
- Export (내보내기) — 내보내기 대화 상자를 엽니다 (⌘+E).
네이티브 macOS 타이틀바 통합: 편집기는 .fullSizeContentView를 사용하여 편집기 배경이 네이티브 타이틀바 아래까지 매끄럽게 확장되도록 디자인되었습니다. 창 제목에 프로젝트 이름이 표시되며, 제목을 클릭하여 그 자리에서 프로젝트 이름을 편집할 수 있습니다 (표준 macOS 문서 제목 동작). 프로젝트 이름 옆에 프록시 아이콘이 나타나며, Control-클릭 또는 우클릭 시 Move To…(다음으로 이동…), Duplicate(복제), Lock(잠금) 등의 표준 macOS 문서 메뉴가 지원됩니다.
비활성 상태(채워지지 않은 말풍선 아이콘)의 Chat 버튼과 왼쪽 영역의 다른 컨트롤들이 표시된 상단 도구 모음
활성/패널 열림 상태(채워진 말풍선 아이콘)의 Chat 버튼이 표시된 상단 도구 모음
프로젝트 editor window showing the native macOS proxy icon next to the project name in the titlebar
미리보기 캔버스 (왼쪽)
왼쪽의 넓은 패널은 자동 줌, 배경, 기기 프레임, 카메라 오버레이 등 모든 효과가 적용된 녹화물의 실시간 미리보기를 보여줍니다.
미리보기 도구 모음
캔버스 아래에 위치한 부유형 도구 모음(floating toolbar)은 세 가지 영역으로 나뉩니다:
| 영역 | 컨트롤 |
|---|---|
| 왼쪽 | Visibility(표시 여부) 드롭다운 (타임라인 트랙 표시/숨기기) · Add(추가) 메뉴 (흐림 마스크, 강조 마스크, 카메라 레이아웃, 어노테이션, 텍스트 오버레이, 미디어 오버레이) |
| 가운데 | 처음으로 이동 · 재생/일시 중지 · 끝으로 이동 · 현재 재생 시간 및 총 길이 |
| 오른쪽 | Quality(품질) · Preview(미리보기) 속도 · 도구 |
품질 제어 (속도계 아이콘): 실시간 미리보기 렌더링 해상도를 설정합니다. 기본 등급에서는 레이블에 Quality만 표시됩니다. 기본값 이외의 등급으로 전환하면 등급 이름이 접미사로 추가됩니다 (예: Quality · Balanced). 제공되는 등급은 다음과 같습니다:
| 등급 | 해상도 비율 | 세부 정보 |
|---|---|---|
| High (기본값) | 100 % | 전체 미리보기 해상도. 최고의 화질을 제공합니다. |
| Balanced | 66 % | 원활한 재생을 위해 미리보기 해상도를 낮춥니다. |
| Low | 50 % | 고사양 프로젝트에서 가장 부드러운 재생을 지원하기 위해 미리보기 해상도를 가장 낮게 설정합니다. |
자세한 내용은 미리보기 품질 설정(Preview Quality)을 참조하세요.
기본 High 등급 상태(속도계 아이콘, 'Quality' 레이블 표시)의 Quality 버튼이 포함된 미리보기 도구 모음 오른쪽 영역
재생 속도 제어: 미리보기 재생 속도를 설정합니다. 기본 속도(1×)에서는 레이블에 Preview만 표시되며, 다른 속도를 선택하면 배수가 접미사로 표시됩니다. 재생 속도는 내보내기 비디오 속도에는 영향을 주지 않습니다.
채팅 패널
채팅 패널이 활성화되면 미리보기 캔버스의 왼쪽에 열립니다.
| 속성 | 값 |
|---|---|
| 기본 너비 | 360 pt |
| 최소 너비 | 300 pt |
| 최대 너비 | 520 pt |
| 설정 유지 | @AppStorage("chatPanel.visible") + @AppStorage("chatPanel.width") — 프로젝트를 다시 열거나 앱을 재시작해도 설정이 유지됨 |
열기 및 닫기: 상단 도구 모음의 Chat(채팅) 버튼을 클릭하거나, 마우스 오른쪽 버튼으로 클릭하여 Show Chat(채팅 표시) / Hide Chat(채팅 숨기기) 옵션이 포함된 컨텍스트 메뉴를 엽니다. 채팅 패널과 리소스 패널은 상호 배타적입니다. 하나를 열면 다른 하나는 자동으로 닫힙니다.
채팅 런타임 모듈이 아직 설치되지 않은 경우, 패널에 퍼즐 조각 아이콘과 함께 "Adds the local AI chat runtime without increasing the core app size." (코어 앱 크기를 늘리지 않고 로컬 AI 채팅 런타임을 추가합니다)라는 메시지가 포함된 Install Chat Module(채팅 모듈 설치) 화면이 표시됩니다. 이 화면에서 로컬 런타임 모듈 폴더를 선택하거나 설치 후 다시 시도할 수 있습니다.
인스펙터 사이드바 (오른쪽)
오른쪽 패널은 프로젝트 외관 및 클립 속성을 제어합니다. 사이드바 왼쪽 가장자리에 있는 좁은 아이콘 스트립을 사용하여 검사 모드 간에 전환할 수 있습니다.
사이드바 너비는 저장되며, 구분선을 드래그하여 크기를 조절할 수 있습니다.
인스펙터 아이콘
10개의 섹션 아이콘이 일관된 크기와 두께를 가진 지정 에셋 이미지로 렌더링됩니다. 각 아이콘을 클릭하면 해당하는 인스펙터 패널이 활성화됩니다:
| 아이콘 | 모드 | 레이블 |
|---|---|---|
inspector-icon-audio | 오디오 | Audio |
inspector-icon-autozoom | 자동 줌 | Auto Zoom |
inspector-icon-background | 배경 | Background |
inspector-icon-camera | 카메라 | Camera |
inspector-icon-cameralayout | 카메라 레이아웃 | Camera Layout |
inspector-icon-cursor | 커서 | Cursor |
inspector-icon-keyboardshortcut | 키보드 단축키 | Keyboard Shortcut |
inspector-icon-overlay | 오버레이 | Overlay |
inspector-icon-specialeffect | 특수 효과 (마스크) | Mask |
inspector-icon-transcription | 트랜스크립션 | Captions |
아이콘 위로 마우스를 가져가면 잠시 후 해당 모드의 이름이 포함된 툴팁이 표시됩니다. 사용할 수 없는 모드(예: 줌 데이터가 없는 프로젝트에서의 자동 줌 모드)는 50 % 불투명도로 표시되며 클릭해도 반응하지 않습니다.
일관된 크기와 무게를 가진 재디자인된 섹션 아이콘 열이 표시된 인스펙터 사이드바
타임라인 (하단)
비디오 썸네일, 오디오 파형, 줌 키프레임 및 오버레이를 보여주는 멀티 트랙 타임라인입니다. 타임라인 높이는 저장되며, 구분선을 드래그하여 크기를 조절할 수 있습니다.
재생 호환성
ProMotion 녹화물 (90 Hz / 120 Hz)
높은 재생률(ProMotion 디스플레이 또는 iPhone에서 녹화한 90 Hz 또는 120 Hz)로 캡처된 녹화물도 편집기에서 완벽하게 재생됩니다. 미리보기 엔진은 호스트 디스플레이의 재생률과 일치하는 CVDisplayLink 구동 렌더 루프를 사용하므로, 이전 버전에서 나타졌던 고프레임 레이트 소스 콘텐츠의 끊김이나 프레임 멈춤 현상이 더 이상 발생하지 않습니다.
내보내기 렌더링 파이프라인은 소스 프레임 레이트에 관계없이 최대 60 fps로 제한되며, 이는 내보낸 비디오가 모든 디스플레이에서 항상 부드럽게 재생되도록 보장합니다.