Re.video
Re.video是基于Motion Canvas的开源程序化视频编辑框架，面向开发者群体提供视频工作流自动化与自定义视频编辑器搭建能力
Re.video是基于Motion Canvas的开源程序化视频编辑框架，面向开发者群体提供视频工作流自动化与自定义视频编辑器搭建能力。核心功能包括Typescript视频模板开发、浏览器端实时预览渲染、MP4格式视频导出，可满足大规模批量视频生成、广告素材A/B测试、网页端视频编辑器搭建、互动游戏视频内容生成等多元场景需求。开发者无需依赖传统桌面端剪辑软件，通过代码即可实现复杂视频效果的可控生成，降低批量视频生产的人力成本，提升视频内容迭代效率。
- 适用对象
- 前端开发者(搭建网页视频编辑器)
- 主要功能
- TS视频模板开发、浏览器实时预览
- 计费方式
- 免费增值，部分功能付费
- 平台
- 网页
- 已收录
- 2026.06.14（138 天）
阅读目录
编辑评测与站内热度
编辑综合评分
满分 5 分
六维指标基于站内真实数据（热度、社区反馈、资料完整度、可达性核验等）综合评估，非用户投票。
全站热度排名
#1970
分类内排名
#37 / 173
累计站内点击
—
近 7 日点击
—
排名与点击为站内真实统计口径，反映 Toolifai 用户行为，非编辑评分。
Re.video是什么，怎么使用？
约 4 分钟Re.video是基于Motion Canvas的开源程序化视频编辑框架，面向开发者群体提供视频工作流自动化与自定义视频编辑器搭建能力。核心功能包括Typescript视频模板开发、浏览器端实时预览渲染、MP4格式视频导出，可满足大规模批量视频生成、广告素材A/B测试、网页端视频编辑器搭建、互动游戏视频内容生成等多元场景需求。开发者无需依赖传统桌面端剪辑软件，通过代码即可实现复杂视频效果的可控生成，降低批量视频生产的人力成本，提升视频内容迭代效率。
主要功能
- TS视频模板开发：开发者可基于Typescript语法编写视频项目代码，定义文字、图片、音视频等素材的出场时间、动画效果、转场逻辑，所有参数支持变量化配置，可快速替换素材内容与展示效果，无需重复编写基础视频结构代码，实现一次模板开发多次复用，适配不同内容的批量生产需求。
- 浏览器实时预览：在编写视频代码的过程中，开发者可直接在浏览器中打开预览页面，修改代码参数后无需长时间等待渲染，即可即时查看视频效果变化，支持逐帧调试动画路径、字体大小、元素位置等细节，及时调整参数匹配设计预期，减少反复导出测试的时间消耗。
- MP4视频导出：完成视频代码开发与效果调试后，可直接通过框架提供的渲染接口，将项目导出为标准MP4格式视频，支持自定义视频分辨率、帧率、码率等参数，渲染过程支持后台运行，导出的视频可直接用于内容平台发布、广告投放、产品演示等场景。
- 工作流自动化：开发者可将视频生成逻辑接入现有业务工作流，通过API传入不同的素材内容、文字参数，即可自动生成对应视频，无需人工介入剪辑操作，可适配每日批量生成内容报告视频、个性化用户祝福视频等高频生产场景。
- 网页编辑器搭建：框架提供完整的视频编辑组件接口，开发者可基于此在Web应用中搭建自定义视频编辑器，支持普通用户上传素材、添加文字、选择模板生成视频，无需开发底层视频渲染能力，缩短视频相关产品的开发周期。
- 开源生态兼容：基于开源的Motion Canvas开发，兼容其现有动画组件与社区插件资源，开发者可直接复用社区已有的动效模板、素材组件，也可将自己开发的模板贡献到社区，和其他开发者共同迭代功能，扩展框架的使用边界。
怎么使用
- 第一步，访问Re.video官方网站，查阅文档板块的快速入门指南，根据指引完成Node.js环境配置与框架依赖包的安装，准备好开发所需的基础环境。第二步，使用框架提供的初始化命令创建新的视频项目，系统会自动生成基础项目结构，包含示例代码、素材文件夹等内容，方便快速上手开发。第三步，基于Typescript语法编写视频逻辑代码，引入本地或云端的图片、音频、视频素材，定义元素的动画效果、展示时长、转场逻辑，完成视频模板的基础开发。第四步，在浏览器中打开本地预览地址，修改代码参数后查看实时效果，逐帧调试动画细节、元素位置、播放节奏，直到视频效果符合预期需求。第五步，调用框架的渲染接口，设置视频的分辨率、帧率、码率等参数，启动渲染进程，完成后即可获取导出的MP4格式视频文件，用于后续业务场景。
适合什么人群
- 前端开发者(搭建网页视频编辑器)
- 后端开发者(接入批量视频生成工作流)
- 广告技术从业者(批量生成多版本广告素材)
- 内容平台开发者(搭建用户视频创作工具)
- 游戏开发者(生成游戏内动态过场视频)
- 数据分析师(自动化生成数据报告视频)
总结
这款开源框架的核心优势在于将视频编辑的能力完全开放给开发者，打破了传统视频剪辑依赖人工操作、批量生产效率低的限制。不同于市面上可视化视频剪辑工具，它允许用户通过代码定义视频的所有细节，参数化的设计让批量替换内容、生成多版本视频的成本大幅降低，特别适合需要高频生产标准化视频的业务场景。同时其基于浏览器的实时预览能力，解决了代码开发视频调试难度高的问题，开发者可以快速看到修改效果，降低了使用门槛。对于想要在自己的产品中接入视频生成能力，或者需要大规模生产视频内容的团队来说，这个框架提供了成熟的底层能力支撑，无需从零开发视频渲染相关功能，能够大幅缩短相关项目的开发周期。
价格与免费额度
Re.video作为开源框架，核心功能完全免费，所有代码都开源在代码托管平台，开发者可以自由下载、使用、修改源码，无商业使用限制。官方同时提供付费的企业级技术支持服务，价格根据企业需求定制，包含专属技术对接、定制化功能开发、线上部署指导等内容，适合需要长期稳定使用该框架的企业团队选择。个人开发者与小型团队使用基础开源版本即可满足多数场景需求，无需支付任何费用。
优点与不足
优点
- 支持Typescript开发视频模板，参数化配置灵活，可实现一次开发多次复用
- 浏览器端实时预览渲染，修改代码即时查看效果，调试成本低
- 可直接导出标准MP4格式视频，适配多数内容投放与展示场景
- 开源免费，兼容Motion Canvas生态，可复用社区现有组件与插件资源
- 支持接入自动化工作流，可通过API批量生成视频，无需人工操作
不足
- 需要开发者掌握Typescript语法与前端开发基础，非技术用户使用门槛较高
- 复杂视频渲染耗时较长，对运行设备的CPU与内存性能要求较高
- 社区生态仍在发展阶段，现有模板与插件的数量相对有限
- 可视化操作能力较弱，纯代码编辑对于细节动画调整的效率低于可视化工具
能帮你做的 8 件事
- 01TS视频模板开发
- 02浏览器实时预览
- 03MP4视频导出
- 04工作流自动化
- 05程序化视频编辑场景的常用方案
- 06开源视频框架场景的常用方案
- 07前端开发者(搭建网页视频编辑器)的日常效率工具
- 08先用免费额度验证需求再决定付费
更新历史
- Re.video 收录进 Toolifai 目录
- 页面资料核验与信息更新
常见问题
使用Re.video需要掌握哪些技术基础？
使用Re.video的核心开发能力需要开发者掌握Typescript语法基础，了解基本的前端开发流程，同时需要对视频的基础参数如分辨率、帧率、码率等有基础认知。如果是搭建网页端视频编辑器，还需要掌握React或Vue等前端框架的使用知识。如果仅使用社区已有的模板生成视频，仅需要掌握基础的参数配置方法，无需深入的开发知识。官方文档提供了详细的入门教程与示例代码，有前端基础的开发者通常可以在1-2天内掌握基础使用方法。
Re.video生成的视频可以用于商业场景吗？
Re.video基于MIT开源协议发布，开发者可以自由将其用于个人项目、商业项目中，无论是内部使用还是对外提供商业化产品，都无需支付版权费用，也没有使用场景的限制。需要注意的是，使用过程中涉及的图片、音频、视频等素材需要确保拥有对应的使用版权，因素材版权产生的问题与框架本身无关。如果对框架源码进行了修改，也可以选择是否将修改后的代码开源，MIT协议不强制要求二次开发的代码开源。
Re.video和传统视频剪辑软件有什么区别？
传统视频剪辑软件以可视化操作为核心，适合人工剪辑单个精细化视频，而Re.video以代码开发为核心，适合批量生成标准化视频或者搭建自定义视频编辑工具。传统软件批量生成多版本视频时需要人工逐个修改素材，效率较低，而Re.video通过参数化模板，只需要传入不同参数即可自动生成大量不同内容的视频，效率更高。同时Re.video可以嵌入到其他Web应用中，作为产品的一部分提供给用户使用，传统桌面端剪辑软件无法实现这类集成需求。
Re.video支持哪些素材格式的导入？
Re.video支持导入常见的图片格式包括JPG、PNG、SVG、WebP，音频格式支持MP3、WAV、AAC，视频格式支持MP4、WebM、MOV，同时支持导入自定义字体文件，实现个性化的文字展示效果。素材可以是本地存储的文件，也可以是云端存储的在线资源，只需要在代码中填写对应的资源路径即可。对于在线素材，需要确保资源允许跨域访问，否则可能会出现加载失败的情况。
Re.video渲染视频的速度受哪些因素影响？
视频渲染速度首先受视频本身的参数影响，分辨率越高、帧率越高、时长越长，渲染需要的时间就越长。其次受视频中动效的复杂度影响，包含大量粒子效果、3D动画、多层素材叠加的视频，渲染需要的算力更高，耗时也会更长。另外运行设备的CPU、内存性能也会影响渲染速度，性能更好的设备渲染速度会更快。如果是批量渲染视频，可以部署在服务器端使用更高性能的设备运行，提升整体渲染效率。
开始使用 Re.video
从官方入口了解最新功能与使用方式。
由 Toolifai 编辑维护
欢迎产品方补充截图、功能介绍与官方资料。更新和纠错由编辑审核后发布。
