Cap录屏教程:免费录制屏幕,停下就有可分享的链接
【免费下载链接】CapOpen source Loom alternative. Beautiful, shareable screen recordings.项目地址: https://gitcode.com/GitHub_Trending/cap1/Cap
Cap是一款开源的Loom替代品,录屏、摄像头、麦克风可以同时收进一段视频,停下的瞬间就能拿到分享链接或导出 MP4。这篇教程按"先录一条 → 再跑起来 → 最后排坑"的顺序带你走完全流程,不需要任何前置经验。
先选录制对象:全屏、窗口还是只有摄像头
开始之前,Cap 会让你先决定画面里放什么。浮层面板里共有四种选项:
- Full Screen:整个桌面都录,适合走查完整的工作流程;
- Window:只框住某个应用窗口,其他弹窗进不了画面;
- Current tab:只录当前浏览器标签页,演示网页工具时最干净;
- Camera only:不录屏幕,只出摄像头,适合发一段带脸的留言。
用浏览器插件的话,这个面板就挂在 Chrome 右上角,页面开着随时能切模式。
四条指令完成第一次 Cap 录屏
- 打开浮层面板,确认三行开关:摄像头、麦克风、System Audio(系统声音)。三者相互独立,只录"屏幕+旁白"就把摄像头那一行关掉;
- 点Start recording,面板收起,屏幕顶部出现一条小控制栏,左侧是计时器,中间是暂停/恢复;
- 正常操作即可。中途点暂停,可以藏起不想展示的内容,恢复后无缝继续;
- 点 Stop。选 Instant 模式的话,Cap 在停止的同时就后台上传,几秒后分享链接直接出现,不用等导出。
如果你还想二次加工,选Studio 模式:视频先落在本地,打开编辑器做剪切、换背景、加放大效果和字幕,再决定导出还是分享。
从源码构建:环境自检与六行命令启动
想在本地把 Cap 桌面端跑起来(日常使用直接下载安装包更省事,官方桌面版支持 macOS 和 Windows),先按这张表检查环境:
| 组件 | 要求 | 验证命令 |
|---|---|---|
| Node.js | 20 及以上 | node -v |
| pnpm | 10.5.2 | pnpm --version |
| Rust | 1.88 及以上 | rustc --version |
| Docker | 任意可用版本 | docker --version |
都通过后,依次执行:
git clone https://gitcode.com/GitHub_Trending/cap1/Cap cd Cap pnpm install pnpm env-setup pnpm cap-setup pnpm dev:desktop- 第 1 行把源码克隆到本地;
pnpm install装好全部前端依赖;pnpm env-setup生成.env环境配置;pnpm cap-setup检查并配置 Rust 工具链等开发依赖;pnpm dev:desktop只启动桌面端(首次运行要现场编译 Rust 部分,等一会窗口才出现)。
如果 pnpm 版本对不上,用corepack use pnpm@10.5.2切到项目指定的版本即可。
录完之后:链接、导出还是自托管
拿到视频后,它有三个去处:
- 分享链接:对方浏览器直接打开,可以边看边留言,也支持加密码控制可见范围;
- 导出文件:MP4 为主力格式,短片段可以转 GIF 丢进聊天工具;
- 自托管:公司数据不能出内网时,用 Docker Compose 一键部署整套服务,再到桌面端 Settings 里把 Cap Server URL 指向自己的服务器,视频就存在你自己的库里。
网页端(分享页、仪表盘)的源码在 apps/web/,桌面端在 apps/desktop/,想深入录制引擎可以看 crates/recording/,音画同步的处理在 crates/audio/。
三个最常见的翻车点
| 现象 | 常见原因 | 处理办法 |
|---|---|---|
| 录制后黑屏/没画面 | 没给系统屏幕录制权限 | macOS 到 系统设置 → 隐私与安全性 → 屏幕录制,勾选 Cap 后重启应用 |
| 视频里没有声音 | 声音源选错或没开 | 浮层里确认麦克风和 System Audio 都显示 On,且指向想要的设备 |
| 录长视频时卡顿 | CPU/内存被占满 | 关掉高负载程序,减少硬件加速的标签页,或降低录制分辨率 |
🎬 如果还是没解决,crates/recording/FINDINGS.md 里记录了项目团队做过的排查和调优记录,值得翻一遍。
【免费下载链接】CapOpen source Loom alternative. Beautiful, shareable screen recordings.项目地址: https://gitcode.com/GitHub_Trending/cap1/Cap
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考