动画为什么会消失
大多数网址转视频工具分两步工作：先给页面拍一张很长的截图，再让画面沿着它往下移。这样又快又绝对顺滑，但截图只是一个瞬间。凡是由滚动位置驱动的东西，比如进入视口时淡入的标题、视差图片、滚动时固定住并不断变化的区块、不断往上跳的计数器，都会定格在那个瞬间的状态。
取决于页面是怎么搭建的，这个状态不外乎三种：
- 已完成， 看起来没问题，但是静止的。
- 还没开始， 本该是区块的地方留下一片空白，因为等着淡入的元素仍然不可见。
- 进行到一半， 定格在淡入或滑入的中途，看起来像是坏了。
如何在网站视频里录下滚动动画和视差效果
淡入、出场动画、视差和固定区块，只有在页面真正滚动时才会发生。如何把它们录进视频，以及为什么大多数整页采集工具都会漏掉它们。
Aviral Lakhanpaul更新于 阅读约 3 分钟
滚动动画只在页面真正滚动时运行，所以只平移一张整页截图的工具无法呈现它们。要么在脚本滚动页面时录屏，要么用一个在每个滚动位置实时采集页面的渲染器，比如 Website Scroll Video 的「实时录制」引擎。如果想快点出结果、不需要动效，就在采集前把入场动画推进到最终状态。
你的选择
| 做法 | 动画 | 滚动 | 速度 |
|---|---|---|---|
| 平移静态图，入场动画先播完 | 以最终状态呈现 | 计算得出，绝对均匀 | 快 |
| 在每个滚动位置实时采集 | 像访客看到的那样播放 | 计算得出，帧率锁定 | 慢得多 |
| 用滚动脚本配合录屏 | 实时播放 | 均匀程度取决于你的电脑 | 实时，外加剪辑 |
快捷做法：先让动画播完
如果动画只是入场效果，也就是把内容带到位的淡入和滑入，那么页面在最终状态下通常看起来就是对的。在 Website Scroll Video 里，这就是「播完动画」开关，配合快速的「静态平移」引擎使用。读取页面之前，入场动画会先运行到结束，所以不会有元素被拍成不可见或停在半途，滚动也和其他视频一样顺滑，渲染一样快。
忠实做法：实时采集
当动效本身就是重点时，比如大多数 Framer 和 Webflow 模板、设计公司官网和产品发布页，就把引擎切换到「实时录制」。它不是平移一张图片，而是让真实的浏览器滚动到每个位置并在那里截图，所以出场动画、视差、固定区块和随滚动联动的变换，都会和在页面上一模一样地出现在视频里。
- 滚动依然是计算出来的，所以和「静态平移」一样均匀，并锁定在 24、30 或 60 fps。
- 停顿、悬停、外框和背景都能和它一起用，和「静态平移」时完全一样。
- 它在整段视频的时长里都要占用一个真实的浏览器，所以渲染要慢得多，导出也会多花 13 点。任何账户从第一次导出起就能用，没有需要解锁的套餐。
自己录
拿你自己的网站试试
粘贴一个链接，免费预览滚动效果。注册即送 51 个免费点数，无需信用卡，导出的任何视频都没有水印。
为什么我的网站滚动视频里有些区块是空白的？
那些元素在等待一个由滚动触发、却从未触发的入场动画，因为工具采集的是页面的一张静态图。要么在采集前让动画播完，要么用一个会真正滚动页面的实时采集引擎。
能录下视差滚动效果吗？
能，前提是用一种真正滚动页面的方法：由脚本驱动的录屏，或者在每个滚动位置采集的渲染器，比如 Website Scroll Video 的「实时录制」。
「实时录制」要额外收费吗？
它会让一次导出多花 13 点，因为它要在整段视频的时长里一直运行一个真实的浏览器。价格的其他部分都一样。
