ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

从按下录制到拿到分享链接:开源录屏工具 Cap 的完整实操路径

从按下录制到拿到分享链接:开源录屏工具 Cap 的完整实操路径

从按下录制到拿到分享链接:开源录屏工具 Cap 的完整实操路径

【免费下载链接】CapOpen source Loom alternative. Beautiful, shareable screen recordings.项目地址: https://gitcode.com/GitHub_Trending/cap1/Cap

录完一段屏幕视频,导出、压缩、传网盘、发链接,这套动作你多半做熟了。Cap 是一款开源录屏工具:录制过程同步往服务器传,手一停,分享链接已经生成;录完还能直接进编辑器剪掉废片、补上字幕,再把链接发出去。适合经常录演示、录教程、录 bug 复现步骤的开发者和小团队。

🚀 第一次跑起来:两条可验证的路

自托管 Web 版。先克隆仓库:git clone https://gitcode.com/GitHub_Trending/cap1/Cap,进入目录执行 docker compose up -d,一条命令把 Web、API、数据库、媒体服务和对象存储全部拉起来,浏览器打开 localhost:3000 就能看到面板。没配邮箱时,登录链接直接打在服务日志里,照着点进去就行。

本地开发桌面端。要求 Node 20 以上、Bun 1.4、Rust 1.88 和 Docker,装好依赖后跑 bun run cap-setup——它背后就是仓库里的 scripts/setup.js,负责把 Rust 工具链、FFmpeg 这些重活一次装齐,再执行 bun run dev:desktop 就能起桌面客户端。

桌面端首次录制基本不用学:顶部在"屏幕 / 窗口"之间切换,也支持框选一块区域;下面分别选相机和麦克风,系统声音、麦克风是独立开关,录会议两个都开,录教程只留麦克风,确认后点 Start Recording 就开播。

⚡ 两种录制模式:停手即得链接,或进编辑器精修

Instant 模式给急着要发的场合:录制过程中文件就在分片上传,状态条上能实时看到"Uploading 4/6"这样的进度,停止的瞬间链接就绪,同事点开就能看,不用等任何导出。

Studio 模式给要打磨的场合:先本地录完,自动进编辑器,处理完再导出文件或生成分享链接。产品演示、教程、交付给客户的片子走这条。

🎬 编辑器四步走:剪片、字幕、叠层、导出

  • 剪片:时间线上直接切掉口误和等待的段落,剪开的片段还能再合并。
  • 字幕:先出转写文本,再生成逐句字幕,样式预设里有卡拉 OK 式逐词高亮。
  • 叠层:加文字说明、放相机画面,还能把敲下的按键可视化到画面上,按键样式配置在 apps/desktop/src/store/keyboard.ts,字体、位置、淡入时长都能调。
  • 导出:MP4、MOV、GIF 三种格式,导出管线在 crates/export/src/lib.rs,每个格式一个独立模块,想固定产出某种格式从这里改。

🔧 进阶:参数、AI 与存储

  • 项目参数:画幅比例、背景(壁纸、图片、纯色、渐变)集中在 crates/project/src/configuration.rs。
  • AI 生成:标题、摘要、可点击章节、字幕、转写文本一键产出,入口逻辑在 apps/web/lib/generate-ai.ts。
  • 存储:默认用 Cap 云,也可以接自己的 S3 兼容存储(MinIO、R2、B2 都行),分享页能挂自己的域名;自托管实例在桌面端 Settings 里改 Cap Server URL 指向即可。
  • 构建:桌面端有 Tauri 和 GPUI 两种构建,官方基准里 GPUI 版播放和录制时的 CPU、内存占用明显更低:

❓ 三个容易卡住的问题

AI 点了没反应?上面那个文件里有一道开关:没配 AI provider 时直接返回"No AI provider configured"。自托管实例先去配好 AI 服务商再试。

老 Loom 的存量视频怎么办?内置导入功能,把现有 Loom 视频迁进来,整个库就归到一处。

快捷键不顺手?设置里的快捷键页面把"开始 / 停止 / 暂停录制、切换模式、直接起录整个屏幕或某个窗口或某块区域"都开放给你,把"一键起录"绑到顺手的位置,在任何应用里都能随时开录。

最该试 Cap 的人,是经常要录屏发出去给人看的:做产品演示的、写教程的、给远程同事反馈 bug 的。它把"录完就能发"这条链路做到了最顺,开源代码又留足了换存储、挂域名、接自己处理流程的空间。

【免费下载链接】CapOpen source Loom alternative. Beautiful, shareable screen recordings.项目地址: https://gitcode.com/GitHub_Trending/cap1/Cap

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进