OpenScreen 标注工具全解：文字、箭头与图片标注让教程视频更清晰

OpenScreen 标注工具全解：文字、箭头与图片标注让教程视频更清晰

【免费下载链接】openscreenRecord your screen, ship a demo. Free and open-source, GPU-accelerated, no watermarks, no subscriptions. Windows, macOS, Linux. Actively maintained.项目地址: https://gitcode.com/gh_mirrors/opens/openscreen

OpenScreen 是一款免费开源、GPU 加速的屏幕录制与视频编辑工具，支持 Windows、macOS 和 Linux，无水印、无需订阅。本文带你完整掌握它的标注（Annotation）功能：在录制好的画面上叠加文字、箭头、图片，还能给敏感信息打码，让教程视频、产品演示和操作指南一目了然。

为什么你的教程视频需要标注 🎯

纯屏幕录制只记录了"发生了什么"，却没有告诉观众"该看哪里、为什么重要"。OpenScreen 的标注功能正是解决这个问题的：

• 文字标注：在关键步骤旁写出提示，比如"点击这里"
• 箭头标注：用箭头指向按钮、菜单项，视线引导零成本
• 图片标注：贴一张产品图、二维码或截图对比图
• 模糊标注（打码）：隐藏密码、密钥等隐私信息，导出前最后一道保险

所有标注都保存在.openscreen工程文件里，导出前随时可以增删改——它是"后期叠加"，不是"录的时候画上去"，返工成本几乎为零。

添加标注：一个按键的事 ✍️

编辑模式的流程非常简单：

1. 在时间线上把播放头拖到要加标注的位置
2. 点时间线工具栏的Annotation按钮，或直接按A键
3. 标注会出现在预览画面上，拖到合适位置、拉伸到合适大小即可

工具栏按钮和快捷键定义见官方文档 Editing & timeline，产品演示的完整标注示例可以看 product-demo 指南。

选中任意标注后，浮动检查器（Floating Inspector）会自动切换到它的属性面板，四种类型可以随时互换——切换类型会保留原有时间段和位置，选错了也就浪费一次点击。

类型一：文字标注（Text）

文字是教程视频里最常用的标注。属性面板支持：

7 种入场动画是文字标注的亮点，默认关闭（None）：

Fade（淡入）· Rise（上浮）· Pop（弹跳）· Slide Left（左滑入）· Typewriter（打字机）· Pulse（脉冲）· None（无）

给关键提示词加上"打字机"或"弹跳"动画，观众的注意力会自然被吸引过来。

类型二：箭头标注（Arrow）

箭头是"指哪看哪"的神器。OpenScreen 提供8 个方向的箭头：

上、下、左、右、右上、左上、右下、左下（对应ArrowDirection类型，定义在 src/components/video-editor/types.ts）。

可调节的属性：

• 方向：八个方向任选，比如文字在左边时指向右侧按钮，就用"右"
• 线宽：1–20，默认 4，背景复杂时调粗更醒目
• 颜色：默认是品牌绿#34B27B，建议换成与画面反差大的颜色

实战技巧：把文字标注和箭头标注组合使用——箭头负责"指"，文字负责"说"，比单独的圆圈或框选信息量更大。

类型三：图片标注（Image）

在检查器里上传JPG、PNG、GIF 或 WebP图片即可把它贴到画面上，常用于：

• 贴二维码引导观众扫码
• 放一张产品图、Logo 或参考截图
• 用 GIF 动图做"局部演示"补充（比如某个按钮的悬停效果）

图片和文字标注一样支持拖拽定位、拉伸缩放和层级（z-index）调整。

类型四：模糊标注（Blur 打码）🔒

录屏最容易"翻车"的地方是密码框、API Key 和聊天内容。OpenScreen 的模糊标注是一等公民的标注类型，支持：

• 两种效果：平滑模糊（Smooth）/ 马赛克（Mosaic）
• 三种形状：矩形 / 椭圆 / 自由手绘（旧项目保留兼容）
• 强度调节：模糊强度 2–40，马赛克块大小 4–48
• 颜色：白色 / 黑色，黑色打码在浅色界面上更自然

直接像其他标注一样拖到敏感区域上即可。官方文档特别提醒：手绘形状的新建已被移除，旧项目的手绘打码会按"包围盒"整体遮盖，宁可多盖也不漏——这个"宁多勿漏"的设计很值得点赞。

时间、层级与快捷键

标注是时间线区域（Region），和缩放、变速、裁剪属于同一类：

• 每个标注有startMs/endMs，只在这段时间显示——拖动时间线上标注块的边缘就能调时长
• 多个标注重叠时按zIndex分层，点一下已选中的标注可在多个标注间循环切换
• 选中区域后可用Ctrl/Cmd + C/Ctrl/Cmd + V把样式复制到同类型的其他标注

最常用的快捷键：

导出：标注会完整保留吗？✅

会。OpenScreen 的预览和导出共用同一套原生合成器，你看到的画面就是最终导出的画面——文字动画、箭头、图片、打码全部会原样渲染进 MP4 或 GIF。这也是 OpenScreen 相比"录完再套壳剪辑"的最大优势：所见即所得。

导出细节见 Export 文档。导出前记得保存.openscreen工程文件（Ctrl/Cmd + S），它保留全部剪辑和标注，方便以后随时重做。

小结

OpenScreen 的标注系统把"文字、箭头、图片、打码"统一成同一种时间线区域，操作一致、属性丰富、导出保真。做一个清晰的教程视频只需要三步：录制 → 按A加标注 → 导出。核心源码可以看看：

• 标注数据结构与默认值：src/components/video-editor/types.ts
• 标注渲染层：src/components/ai-edition/AnnotationLayer.tsx
• 标注覆盖层与样式：src/components/ai-edition/AnnotationOverlay.tsx

快去录一段屏幕，按A试一下你的第一个文字标注吧！🚀

【免费下载链接】openscreenRecord your screen, ship a demo. Free and open-source, GPU-accelerated, no watermarks, no subscriptions. Windows, macOS, Linux. Actively maintained.项目地址: https://gitcode.com/gh_mirrors/opens/openscreen