quiro 是做什么的?
Quiro 是一款基于 Electron、React、TypeScript、PixiJS 和 FFmpeg 构建的桌面屏幕录制与编辑应用。它适用于产品演示、软件导览、教程制作、社交短视频以及内部视频场景——当原始屏幕录制不足以满足需求时,Quiro 能提供更强大的编辑能力。
特性
- 屏幕录制:支持全屏、区域或窗口录制,可配置帧率与分辨率。
- 视频编辑:内置时间轴编辑器,支持剪切、拼接、添加注释、形状、文本或图像叠加。
- 实时预览:录制过程中可实时预览效果,并暂停或恢复录制。
- 高性能渲染:利用 PixiJS 实现基于 WebGL 的图形加速,确保流畅交互。
- 多格式导出:借助 FFmpeg 支持导出为 MP4、WebM、GIF 等常用格式,并可自定义编码参数。
- 跨平台:可在 macOS、Windows 和 Linux 上运行。
开始使用
系统要求
- Node.js 18+ 和 npm/yarn
- Git
- FFmpeg 已安装并添加到系统 PATH(可选,用于高级编码)
安装
# 克隆仓库
git clone https://github.com/Nweremizu/quiro.git
cd quiro
# 安装依赖
npm install
# 启动开发环境
npm run dev
构建发布版本
npm run build
输出文件位于 release/ 目录下。
用法
- 运行应用后,选择录制模式(全屏 / 区域 / 窗口)。
- 点击“开始录制”按钮,倒计时后开始捕捉。
- 录制期间可使用悬浮工具栏进行标注或暂停。
- 停止录制后,自动打开编辑器。
- 在时间轴上拖拽片段、添加层叠效果或文本。
- 点击“导出”选择格式和输出路径。
技术栈
- 前端框架:React + TypeScript
- 图形引擎:PixiJS
- 桌面外壳:Electron
- 视频处理:FFmpeg(通过 fluent-ffmpeg 调用)
- 状态管理:Zustand
- 样式:Tailwind CSS
许可证
MIT
贡献
欢迎提交 Issue 或 Pull Request。请确保代码符合 TypeScript 严格模式,并通过现有测试。