支持哪些写法？

常见的四种写法都能直接用：定义 window.__seek(t) 按秒画一帧；用 GSAP 建一条暂停的时间线放进 window.__timelines；Three.js 场景在 __seek 里按时间摆好再渲染；或者普通的 requestAnimationFrame 循环。整页只有一块画布时直接取画布，否则把整页（SVG、CSS、文字）画成一帧。

能用 CDN 上的库吗？

GSAP（含 CustomEase、MotionPath、MorphSVG、DrawSVG、SplitText 插件）和 Three.js 已经内置，代码里指向它们的 CDN 地址会自动换成内置的那份。其他外链库加载不到，因为沙箱不能联网。

导出的视频有声音吗？

动效本身不带声音，代码里播放的音频不会被录进去。你可以在时间轴上另外加音乐或配音，和动效一起导出。

代码报错了怎么办？

预览顶部和片段上会提示出错，报错原文显示在代码对话框里；点「让 AI 修」，AI 会读你的代码、改好后再看一眼效果。改好之前预览停在最后一帧正常画面，不影响别的片段。

代码会上传吗？

不会。代码和工程一起存在你的浏览器里，在本机渲染和导出。只有你主动把工程存到云端时，它才会和工程一起上传。

HTML 转视频

把网页动画、Canvas、Three.js 代码变成 MP4

选一个模板开始

粘贴代码 / 导入 .html Canvas、SVG、GSAP、Three.js 写的网页动画都能放进来让 AI 做一个说说想要的效果，AI 写好放进时间轴

点一下进编辑器，动效已经加好。带素材槽的模板可以把视频、图片拖到卡片上，或点「用我的素材」选文件，进去时就已经放好。文件只在你的设备上，不上传。

把 Canvas、SVG、GSAP、Three.js 写的网页动画粘进来，按时间逐帧画出，叠在视频上导出 MP4 或 GIF。在浏览器里完成，免费无水印。

粘贴一段网页动画代码，或者导入一个 .html 文件，它就成了时间轴上的一段动效：背景透明，叠在你的视频或图片上面，和别的片段一样能挪位置、缩放、调透明度、加关键帧和入场出场动画。

编辑器按时间逐帧去画它，而不是录屏：同一时刻永远画出同一帧，预览里看到的就是导出的样子。代码里的 Math.random、Date 和 requestAnimationFrame 会换成确定的时钟；GSAP 和 Three.js 已经内置，不用写外链脚本。

代码在隔离的沙箱里运行，不能联网，外链的图片和字体加载不到，需要时用 data: 地址内联。作品自己声明的参数（文字、颜色、数值）会出现在右边的参数面板里，改完直接导出 MP4 或 GIF。

常见问题

支持哪些写法？: 常见的四种写法都能直接用：定义 window.__seek(t) 按秒画一帧；用 GSAP 建一条暂停的时间线放进 window.__timelines；Three.js 场景在 __seek 里按时间摆好再渲染；或者普通的 requestAnimationFrame 循环。整页只有一块画布时直接取画布，否则把整页（SVG、CSS、文字）画成一帧。
能用 CDN 上的库吗？: GSAP（含 CustomEase、MotionPath、MorphSVG、DrawSVG、SplitText 插件）和 Three.js 已经内置，代码里指向它们的 CDN 地址会自动换成内置的那份。其他外链库加载不到，因为沙箱不能联网。
导出的视频有声音吗？: 动效本身不带声音，代码里播放的音频不会被录进去。你可以在时间轴上另外加音乐或配音，和动效一起导出。
代码报错了怎么办？: 预览顶部和片段上会提示出错，报错原文显示在代码对话框里；点「让 AI 修」，AI 会读你的代码、改好后再看一眼效果。改好之前预览停在最后一帧正常画面，不影响别的片段。
代码会上传吗？: 不会。代码和工程一起存在你的浏览器里，在本机渲染和导出。只有你主动把工程存到云端时，它才会和工程一起上传。

选一个模板开始

常见问题

相关工具