项目编辑器
录制完成后,ScreenKite 会打开项目编辑器——一款专为屏幕录制设计的全功能编辑器。项目保存为 .skbundle 文件。
布局
编辑器窗口采用可调整大小的分栏布局,包含四个主要区域:
顶部工具栏
包含核心编辑和导航控件,分为左侧区域和右侧区域。
左侧区域(从左到右):
- Chat — 打开/关闭 AI 聊天侧边栏面板;使用对话气泡图标(
bubble.left.and.bubble.right);面板打开时图标变为实心(bubble.left.and.bubble.right.fill) - AI Agent — 通过 MCP 服务器将编辑器连接到外部 AI agent
- 撤销 / 重做 — 标准撤销和重做(仅限专业工具栏模式)
- 在访达中显示 — 在访达中定位
.skbundle文件 - 删除项目 — 将当前项目移至废纸篓
- 命令面板 — 打开命令面板(⌘+⇧+P)
- 加载指示器 — 项目加载或预览重建时显示
右侧区域(从左到右):
- 预设 — 捕获或应用检查器预设
- 资源库 — 显示/隐藏资源库面板,可浏览和管理导入的 B-roll 素材,支持文件夹整理和缩略图预览
- 导入 — 将音频或视频导入时间线(⌘+I;仅限专业工具栏模式)
- 反馈 — 向 ScreenKite 团队发送反馈
- 导出 — 打开导出对话框(⌘+E)
macOS 原生标题栏集成: 编辑器使用 .fullSizeContentView,背景无缝延伸至原生标题栏下方。项目名称显示在窗口标题中;点击标题可在原位重命名项目(标准 macOS 文稿标题行为)。标题旁边会出现代理图标,右键点击可访问标准 macOS 文稿菜单——移至…、复制、锁定等命令。
顶部工具栏,显示未激活状态的 Chat 按钮(空心气泡图标)及左侧区域其余控件
顶部工具栏,显示激活/面板打开状态的 Chat 按钮(实心气泡图标)
项目编辑器窗口,显示标题栏项目名称旁边的原生 macOS 代理图标
预览画布(左侧)
左侧大面板显示录屏的实时预览,已应用所有效果——缩放、背景、设备边框和摄像头覆盖层。
画布缩放: 使用触控板双指缩放、滚轮,或快捷键 ⌘+=(放大)和 ⌘+-(缩小)。按 ⌘+0 恢复适应窗口。Option 单击画布任意位置可设置缩放目标——缩放时会出现小地图覆盖层辅助导航。画布缩放仅影响编辑精度,不影响导出。
点击跳转: 点击时间线轨道区域任意位置,播放头立即跳转到该位置。
预览工具栏
画布下方的浮动工具栏分为三个区域:
| 区域 | 控件 |
|---|---|
| 左侧 | 可见性下拉菜单(显示/隐藏时间线轨道)· 添加菜单(模糊遮罩、高亮遮罩、摄像头布局、注释、文字覆盖层、媒体覆盖层) |
| 中间 | 跳到开头 · 播放/暂停 · 跳到结尾 · 当前时间和时长 |
| 右侧 | 缩放滑块 · 质量 · 预览速度 · 工具 |
质量控制(速度计图标): 设置实时预览的渲染分辨率。默认档位时标签显示质量,切换后会附加档位名称,例如质量 · 均衡。档位说明:
| 档位 | 分辨率比例 | 说明 |
|---|---|---|
| 高(默认) | 100% | 完整预览分辨率,最佳画质。 |
| 均衡 | 66% | 较低预览分辨率,播放更流畅。 |
| 低 | 50% | 最低预览分辨率,适合复杂项目。 |
详情请参阅 Preview Quality。
时间线缩放滑块: 预览工具栏右侧区域的缩放控件,可快速精确地调整时间线缩放比例。
播放速度控件: 设置预览播放速度。默认速度(1×)时标签仅显示预览;其他速度时会附加倍率后缀。播放速度不影响导出速度。
聊天面板
聊天面板开启后位于预览画布左侧。
| 属性 | 值 |
|---|---|
| 默认宽度 | 360 pt |
| 最小宽度 | 300 pt |
| 最大宽度 | 520 pt |
| 持久化 | @AppStorage("chatPanel.visible") + @AppStorage("chatPanel.width") — 跨项目重新打开和应用重启均保留 |
打开和关闭: 点击顶部工具栏中的 Chat 按钮,或右键点击选择显示聊天 / 隐藏聊天。聊天面板与资源面板互斥——打开其中一个会自动关闭另一个。
当聊天运行时模块尚未安装时,面板会显示安装聊天模块界面,带有拼图图标和提示信息 "在不增加核心应用体积的情况下添加本地 AI 聊天运行时。" 你可以从该界面选择本地运行时模块文件夹或在安装后重试。
资源库面板
资源库面板提供专属空间,用于在编辑器内导入、整理和浏览你的 B-roll 素材——图片、视频片段和图形。点击顶部工具栏的资源库按钮可切换显示。
素材以缩略图网格展示。你可以整理到文件夹中,右键单击任意素材可移动、重命名、在访达中显示、复制或删除,也可以将素材直接从资源库拖到时间线上。
文字稿编辑器
文字稿编辑器面板让你通过编辑文字稿来剪辑视频。选中某个句子并删除,对应的视频片段会自动剪掉。重新排列段落,时间线会随之调整。这是在不直接操作时间线的情况下快速精简录制内容的最佳方式。
文字稿编辑器与所有其他编辑工具协同工作。在文字稿中所做的更改会立即反映在时间线上,反之亦然。
动态面板布局
编辑器工作区支持动态面板布局——你可以从布局预设中选择、最大化单个面板,并调整分隔线以适应你的屏幕和编辑习惯。布局跨会话保留。
检查器侧边栏(右侧)
右侧面板控制项目外观和片段属性。侧边栏左边缘有一列窄图标条,可切换不同的检查模式。
侧边栏宽度会被记住,可通过拖动分隔线调整大小。
检查器图标
十个区域图标以统一的视觉权重渲染,每个图标对应一个检查器面板:
| 图标 | 模式 | 标签 |
|---|---|---|
inspector-icon-audio | 音频 | 音频 |
inspector-icon-autozoom | 自动缩放 | 自动缩放 |
inspector-icon-background | 背景 | 背景 |
inspector-icon-camera | 摄像头 | 摄像头 |
inspector-icon-cameralayout | 摄像头布局 | 摄像头布局 |
inspector-icon-cursor | 光标 | 光标 |
inspector-icon-keyboardshortcut | 键盘快捷键 | 键盘快捷键 |
inspector-icon-overlay | 覆盖层 | 覆盖层 |
inspector-icon-specialeffect | 特殊效果(遮罩) | 遮罩 |
inspector-icon-transcription | 转录 | 字幕 |
悬停在任意图标上,短暂延迟后会显示模式名称提示。不可用的模式(例如没有缩放数据的项目中的自动缩放)以 50% 透明度显示,且不可交互。
检查器侧边栏,显示统一视觉权重的重新设计区域图标列
时间线(底部)
多轨道时间线,显示视频缩略图、音频波形、缩放关键帧和覆盖层。音频波形采用底部锚定、平滑渐变风格,可读性更佳。片段标签一目了然地显示音频来源(麦克风或系统音频)、速度和音量。
时间线高度会被记住,可通过拖动分隔线调整大小。你可以在轨道间拖动片段、从访达直接拖拽媒体文件到时间线,以及点击轨道区域任意位置移动播放头。
播放兼容性
ProMotion 录制(90 Hz / 120 Hz)
以高刷新率(90 Hz 或 120 Hz,例如来自 ProMotion 显示器或 iPhone)录制的内容可在编辑器中正确播放。预览引擎使用由 CVDisplayLink 驱动的渲染循环,与主机显示器的刷新率匹配,不再出现早期版本中高帧率源内容导致的卡顿或画面冻结问题。
导出渲染流程上限为 60 fps(无论源帧率如何),确保导出的视频在任何显示器上均流畅播放。