Replit 介绍其网页转确定性视频渲染引擎

先了解这件事

AI 综述

2026年2月27日,Replit 介绍其视频渲染引擎的实现方式。该引擎向页面注入约1200行 JavaScript,替换 setTimeout、setInterval、requestAnimationFrame、Date 和 performance.now() 等时间 API,让时间只在渲染时按 1000/fps 毫秒推进,从而把任意网页逐帧渲染成 MP4。由于页面内容不受控且视频由 AI 智能体生成,团队没有采用 Remotion,而是从外部对任意网页施加确定性。音频方面通过 monkey-patch Web Audio API 和 HTMLMediaElement 拦截播放意图,再由服务端 FFmpeg 混音;视频元素则经服务端转码为 fragmented MP4、mp4box.js 解复用、WebCodecs 解码后绘制到 canvas。该实现受开源项目 WebVideoCreator 启发,团队计划将其开源。

AI 根据公开报道生成

最新进展 · 正式报道2月27日 00:30

Replit 如何用虚拟时钟把任意网页渲染成确定性视频

事件进展

1 个已确认进展

2月27日 · 1 篇报道
Replit 介绍其视频渲染引擎实现方式
来源：Replit Blog

报道与讨论时间线

按时间查看正式报道与传播讨论；两类内容的证据等级保持独立。

2月27日

00:30
Replit Blog一手
Replit 如何用虚拟时钟把任意网页渲染成确定性视频
Replit 介绍其视频渲染引擎的实现：向页面注入约 1200 行 JavaScript，替换 setTimeout、setInterval、requestAnimationFrame、Date 和 performance.now() 等时间 API，让时间只在渲染时按 1000/fps 毫秒推进，从而把任意网页逐帧渲染成 MP4。由于页面内容不受控且视频由 AI 智能体生成，团队没有采用 Remotion，而是从外部对任意网页施加确定性。音频方面通过 monkey-patch Web Audio API 和 HTMLMediaElement 拦截播放意图，再由服务端 FFmpeg 混音；视频元素则经服务端转码为 fragmented MP4、mp4box.js 解复用、WebCodecs 解码后绘制到 canvas。该实现受开源项目 WebVideoCreator 启发，团队计划将其开源。