什么是Rendervid？

Rendervid是一个免费、开源、无状态、跨平台的视频和图像渲染引擎。它接受JSON模板作为输入，输出高质量的视频和图像。Rendervid基于React组件系统构建，支持高级动画、自定义效果、场景过渡和音频混音。它可以在浏览器、Node.js服务器以及AWS Lambda、Azure Functions、Google Cloud Run或Docker容器等云环境中运行。

Rendervid可以免费使用吗？

是的，Rendervid完全免费且开源。您可以将其用于个人项目、商业工作和企业应用，无需支付任何许可费用。整个源代码在GitHub上以开源许可证提供，欢迎社区贡献、分叉和扩展该项目。

Rendervid如何与AI代理配合使用？

Rendervid通过模型上下文协议（MCP）与AI代理集成。Claude Code、Cursor、Windsurf和Google Antigravite等AI编码助手可以从自然语言描述生成完整的视频模板。您只需描述想要的视频，AI代理就会生成一个有效的JSON模板，Rendervid将其渲染为完成的视频或图像。这使得任何能够描述需求的人都可以进行程序化视频创作。

Rendervid支持哪些输出格式？

Rendervid支持广泛的输出格式。对于视频，它生成MP4、WebM和MOV文件。对于图像，它输出PNG、JPEG和WebP格式。它还支持动画GIF导出。分辨率最高可达8K（7680x4320），您可以设置任何自定义帧率。这使得Rendervid适用于从社交媒体短片到高分辨率营销材料的所有场景。

Rendervid与Remotion有什么不同？

虽然Rendervid和Remotion都使用React进行视频渲染，但Rendervid是无状态和模板驱动的。您将视频定义为JSON模板，而不是直接编写React代码。这使其非常适合AI代理和自动化流程，因为整个视频规范是单个JSON文档。Rendervid还包括40多个内置动画预设、17种场景过渡、100多个示例模板以及用于AI代理的原生MCP集成，所有这些都是完全免费和开源的。

我可以在没有AI代理的情况下使用Rendervid吗？

当然可以。虽然Rendervid是为AI优先工作流设计的，但您可以完全独立使用它。手动编写JSON模板，使用100多个示例模板作为起点，或通过Node.js API或基于浏览器的渲染器将其集成到您自己的应用程序中。带有大括号语法的模板变量系统使创建用于自动化视频生产流程的可重用模板变得容易。

系统要求是什么？

对于基于浏览器的渲染，任何支持WebGL的现代浏览器都可以。对于使用Node.js的服务器端渲染，您需要Node.js 18或更高版本，并在系统上安装FFmpeg。云渲染在AWS Lambda、Azure Functions、Google Cloud Run和任何兼容Docker的环境中都受支持。与本地渲染相比，云渲染为批量工作负载提供10-50倍的速度提升。

如何将Rendervid部署到云端？

Rendervid为主要云平台提供即用型部署配置。您可以部署到AWS Lambda进行无服务器渲染，部署到Azure Functions用于Microsoft云环境，部署到Google Cloud Run进行基于容器的扩展，或部署到任何兼容Docker的基础设施。云部署可以同时并行渲染多个视频，与本地单机渲染相比，吞吐量提高10-50倍。

使用AI代理生成视频

Rendervid是一个为AI时代打造的免费开源视频和图像渲染引擎。将视频定义为JSON模板，让Claude Code、Cursor和Windsurf等AI代理从自然语言生成精美视频。40多种动画预设，100多个模板，云端渲染，支持高达8K分辨率。

在GitHub上开始使用查看文档

程序化视频所需的一切

Rendervid为您提供了一个完整的工具包，用于以编程方式创建视频和图像。从AI驱动的生成到云规模渲染，每个功能都是免费且开源的。

AI优先设计

从零开始为AI代理构建。Claude Code、Cursor、Windsurf和Google Antigravite通过模型上下文协议（MCP）从自然语言生成完整的视频模板。

了解AI集成

40多种动画预设

入场、退场、强调和关键帧动画随时可用。结合30多种缓动函数和17种场景过渡，无需编写单个关键帧即可实现专业的动态图形。

自定义React组件

使用您自己的React组件扩展Rendervid。内联定义组件、从URL加载或全局注册。内置组件包括AnimatedLineChart、AuroraBackground和TypewriterEffect。

探索组件

100多种Google字体

访问内置的100多种Google字体目录。无需下载或配置字体文件即可将任何字体应用于文本层。非常适合品牌内容和多语言项目。

云端渲染

部署到AWS Lambda、Azure Functions、Google Cloud Run或Docker，实现10-50倍的渲染速度提升。通过无服务器扩展并行处理数百个视频，仅为使用的资源付费。

部署指南

音频混音

完整的音频处理管道，包含均衡器、压缩器、混响、延迟和立体声声像效果。混合多个音轨，将声音与动画同步，并微调每层的音量级别。

8K分辨率

以高达7680x4320（8K）的任何分辨率渲染，支持自定义帧率。输出为MP4、WebM、MOV、GIF、PNG、JPEG或WebP格式。适用于从TikTok短视频到电影级质量导出的所有场景。

模板变量

使用{{variableName}}输入系统创建动态、可重用的模板。无需编辑模板即可替换文本、图像、颜色和时间值。非常适合大规模批量视频生成。

模板系统文档

100多个示例模板

使用32个类别的100多个即用型模板快速启动您的项目，包括社交媒体、电子商务、数据可视化、动态排版和营销内容。

工作原理：JSON输入，视频输出

Rendervid遵循简单的流程。您将视频定义为JSON模板，指定场景、图层、动画和时间。Rendervid解析模板，使用其基于React的引擎渲染每一帧，并输出最终的视频或图像。整个过程是无状态的，这意味着每次渲染都是确定性的，可以从相同的模板重现。

定义您的模板:: 编写包含场景、图层（文本、图像、视频、形状、音频、组、Lottie、自定义）、动画和时间的JSON模板。或者让AI代理从文本描述中为您生成。
本地或云端渲染:: 在浏览器中运行渲染器进行快速预览，在Node.js服务器上进行生产，或部署到云端进行大规模并行批处理。
以任何格式导出:: 将完成的视频导出为MP4、WebM或MOV格式。将静态图像导出为PNG、JPEG或WebP格式。创建动画GIF。所有格式均支持高达8K分辨率和自定义帧率。

AI代理从文本生成视频

Rendervid的模型上下文协议（MCP）集成让AI编码助手能够从自然语言提示生成完整的视频模板。描述您想要的视频，您的AI代理就会生成一个完全有效的JSON模板，准备好渲染。这将视频创作变成了对话，而不是编码任务。

Claude Code和Cursor:: 直接从您的IDE生成视频。Claude Code和Cursor连接到Rendervid的MCP服务器，实时生成、预览和迭代视频模板。
Windsurf和Antigravite:: Windsurf和Google Antigravite也支持MCP，为您提供多种AI助手选择来生成视频。使用适合您工作流程的任何工具。
自然语言转视频:: 用简单的中文描述您的视频。AI代理自动处理模板结构、动画时间、图层组合和场景过渡。

探索AI集成

模板库：100多个即用型示例

浏览32个类别的100多个示例模板。每个模板都是一个完整的JSON文件，您可以立即渲染、使用变量自定义或用作自己创作的起点。

社交媒体内容
Instagram帖子、TikTok视频、YouTube缩略图和故事。针对每个主要平台优化的宽高比和动画。
浏览模板
电子商务和营销
产品展示、限时促销公告、促销横幅和广告创意。使用变量驱动产品数据的动态模板。
浏览模板
数据可视化
动画柱状图、折线图和信息图表。通过模板变量提供数据以生成演示级可视化效果。
查看组件

自定义React组件

使用自定义React组件超越内置图层类型。Rendervid附带预构建组件，如AnimatedLineChart、AuroraBackground、WaveBackground、SceneTransition和TypewriterEffect。内联构建自己的组件，从URL加载它们，或全局注册它们以在模板之间重用。

预构建组件:: 开箱即用地使用AnimatedLineChart、AuroraBackground、WaveBackground、SceneTransition和TypewriterEffect。每个组件都可以通过属性完全配置。
内联组件:: 直接在JSON模板中定义React组件。编写内联JSX进行快速原型设计和一次性效果，无需创建单独的文件。
基于URL的组件:: 在渲染时从任何URL加载自定义组件。将组件库托管在CDN上，并在所有模板中引用它们。

组件文档

带变量的动态模板

Rendervid的模板变量系统让您可以创建具有动态输入的可重用视频模板。使用{{variableName}}语法为文本、图像URL、颜色、持续时间和任何其他值定义占位符。在渲染时，传递一个输入对象来填充变量。这是批量视频生成、个性化内容和AI驱动工作流的基础。

{{variableName}}语法:: 在模板的任何位置定义变量。将它们用于文本内容、图像路径、颜色、字体大小、动画持续时间和任何可配置的值。
批量生成:: 通过传递不同的输入集从单个模板渲染数百个个性化视频。非常适合批量生产社交媒体内容或个性化营销。
默认值和验证:: 为每个变量设置默认值，以便模板始终正确渲染，即使没有显式输入。系统在渲染前验证类型并捕获错误。

模板系统文档

常见问题

: Rendervid是一个免费、开源、无状态、跨平台的视频和图像渲染引擎。它接受JSON模板作为输入，输出高质量的视频和图像。Rendervid基于React组件系统构建，支持高级动画、自定义效果、场景过渡和音频混音。它可以在浏览器、Node.js服务器以及AWS Lambda、Azure Functions、Google Cloud Run或Docker容器等云环境中运行。
: 是的，Rendervid完全免费且开源。您可以将其用于个人项目、商业工作和企业应用，无需支付任何许可费用。整个源代码在GitHub上以开源许可证提供，欢迎社区贡献、分叉和扩展该项目。
: Rendervid通过模型上下文协议（MCP）与AI代理集成。Claude Code、Cursor、Windsurf和Google Antigravite等AI编码助手可以从自然语言描述生成完整的视频模板。您只需描述想要的视频，AI代理就会生成一个有效的JSON模板，Rendervid将其渲染为完成的视频或图像。这使得任何能够描述需求的人都可以进行程序化视频创作。
: Rendervid支持广泛的输出格式。对于视频，它生成MP4、WebM和MOV文件。对于图像，它输出PNG、JPEG和WebP格式。它还支持动画GIF导出。分辨率最高可达8K（7680x4320），您可以设置任何自定义帧率。这使得Rendervid适用于从社交媒体短片到高分辨率营销材料的所有场景。
: 虽然Rendervid和Remotion都使用React进行视频渲染，但Rendervid是无状态和模板驱动的。您将视频定义为JSON模板，而不是直接编写React代码。这使其非常适合AI代理和自动化流程，因为整个视频规范是单个JSON文档。Rendervid还包括40多个内置动画预设、17种场景过渡、100多个示例模板以及用于AI代理的原生MCP集成，所有这些都是完全免费和开源的。
: 当然可以。虽然Rendervid是为AI优先工作流设计的，但您可以完全独立使用它。手动编写JSON模板，使用100多个示例模板作为起点，或通过Node.js API或基于浏览器的渲染器将其集成到您自己的应用程序中。带有大括号语法的模板变量系统使创建用于自动化视频生产流程的可重用模板变得容易。
: 对于基于浏览器的渲染，任何支持WebGL的现代浏览器都可以。对于使用Node.js的服务器端渲染，您需要Node.js 18或更高版本，并在系统上安装FFmpeg。云渲染在AWS Lambda、Azure Functions、Google Cloud Run和任何兼容Docker的环境中都受支持。与本地渲染相比，云渲染为批量工作负载提供10-50倍的速度提升。
: Rendervid为主要云平台提供即用型部署配置。您可以部署到AWS Lambda进行无服务器渲染，部署到Azure Functions用于Microsoft云环境，部署到Google Cloud Run进行基于容器的扩展，或部署到任何兼容Docker的基础设施。云部署可以同时并行渲染多个视频，与本地单机渲染相比，吞吐量提高10-50倍。