引言
"录屏很简单，但让录屏看起来像专业的产品演示很难。"
这是"一天一个开源项目"系列的第117篇文章。今天我们要介绍的是 Recordly。
你是否羡慕那些顶级 SaaS 产品网站上丝滑的演示视频？镜头随着鼠标自动缩放，光标移动圆润流畅，背景还有精美的渐变和阴影。以前，制作这样的视频通常需要使用 ScreenStudio 等昂贵的付费软件，或者在 After Effects 里手动调教。Recordly 的出现改变了游戏规则------它是一个全功能的开源替代方案，让你在几分钟内就能制作出"电影级"的产品演示。
你将学到什么
- 为什么 Recordly 比普通的录屏软件更适合录制 Demo
- 核心功能：自动缩放、光标美化、动态摄像头
- Recordly 的技术内幕：如何结合 Electron 与 PixiJS 实现高性能渲染
- 快速上手指南：从录制到导出的完整流程
项目背景
项目简介
Recordly 是一款开源的跨平台桌面应用，旨在简化"录屏到产品视频"的整个工作流。它不只是记录你的屏幕内容，还内置了一个强大的编辑器，专门用于添加那些能提升视频质感的视觉效果。
目前，Recordly 在 GitHub 上已经获得了 15.6k+ stars，其活跃的社区正在不断通过插件系统扩展其功能。
核心价值
- 零剪辑门槛：你不需要学习复杂的非线性编辑，软件会根据你的鼠标活动自动提供缩放策略建议。
- 完全免费且开源：基于 AGPL-3.0 协议，你可以自由使用、修改或自建。
- 跨平台支持：无论你是 macOS、Windows 还是 Linux 用户，都能获得一致的体验。
主要功能
核心特性
- 自动缩放与光标美化：自动跟踪鼠标位置并生成平滑的缩放动画，同时能对光标进行平滑处理、添加阴影和点击反馈效果。
- 动态摄像头气泡：录制时可以将摄像头开启为圆环气泡悬浮在屏幕上，支持边框、投影调节，并能随缩放动态调整大小。
- 丰富的画幅与背景：提供内置壁纸、渐变色边框、背景模糊及毛玻璃效果，让你的录屏不再是单调的全屏截图。
- 时间轴编辑器：支持裁剪、变速、添加标注（文字、图片、形状）以及额外的音频轨道。
- 插件系统：支持安装社区开发的扩展，如光标点击声、设备边框模板等。
快速开始
- 下载安装 ：前往 Recordly Releases 下载适用于你系统的版本。
- 选择范围：启动后选择录制整个显示器或特定的应用程序窗口。
- 录制完成：点击停止录制后，Recordly 会自动进入编辑器界面。
- 编辑导出：简单的拖拽调整后，即可导出为高质量的 MP4 或 GIF 格式。
项目剖析
技术实现：Electron + PixiJS
Recordly 的高性能表现得益于其独特的架构设计：
- 捕获层 ：在 macOS 上利用了原生的
ScreenCaptureKit，这保证了极低的 CPU 占用和系统音频的完美采集；在 Windows 上则使用了WGC (Windows Graphics Capture)助手。 - 渲染引擎 ：编辑器和导出逻辑由 PixiJS 驱动。这意味着你在编辑界面看到的实时预览，是由 2D WebGL 渲染的，这使得各种运动模糊和动态阴影能实时呈现而不会卡顿。
- 可扩展性 ：通过
EXTENSIONS.md可以看到，Recordly 有一套成熟的插件体系，允许开发者通过 JavaScript 扩展编辑器的能力，甚至可以自定义渲染 Hook。
项目地址与资源
官方资源
- 🌟 GitHub : webadderallorg/Recordly
- 🖥️ 官方网站 : recordly.dev
- 📦 插件市场 : Marketplace
总结
Recordly 是目前开源界最接近 ScreenStudio 体验的项目。它精准地击中了"开发者不擅长视频剪辑但需要高质量 Demo"的痛点。如果你需要为你的开源项目或者商业产品制作演示短片，Recordly 无疑是省钱省力的最优解。
欢迎来我的个人主页找到更多有用的知识和有趣的产品