拿到素材的两种方式
你可以录制页面：页面滚动时，录屏软件把显示器上的画面录下来。也可以渲染页面：工具在它自己的浏览器里打开页面，一帧一帧地生成视频。本文讲的是前一种，因为有时候它才是对的选择。如果页面是公开的，而你只需要滚动画面，那么从链接制作滚动视频的分步教程会更快。
这些情况下适合自己录：
- 页面需要登录、在
localhost上，或者在只有你能访问的网络里。 - 你想展示真实的交互：在表单里打字、打开菜单、拖动东西。
- 你需要叠加自己的声音或摄像头画面，比如做教程。
先把页面清理干净（关掉 Cookie 横幅和聊天挂件），把浏览器窗口调成你想要的画面大小，用能写出恒定帧率的录屏软件以 60 fps 录制，并让脚本来滚动，而不是用手。或者干脆不用录屏软件，把网址交给一个替你计算滚动的渲染器。
整理页面
大多数废片在录屏软件开始之前就已经注定了。这几件事做一次，之后每一条都会更好。
- 在全新的浏览器配置文件或无痕窗口里打开页面，让你的扩展、书签栏和登录状态都不出现在画面里。
- 接受或关掉 Cookie 横幅，关掉订阅弹窗，把聊天入口收起来。它们往往刷新后又会出现，所以放到最后再做。
- 录制前先滚到底再滚回来一次。这样懒加载的图片会加载出来，入场动画也会触发，录的时候就不会拍到加载了一半的区块。
- 如果滚动条碍眼，就把它隐藏。在开发者工具里给页面样式加上
html { scrollbar-width: none; }。 - 关掉通知。右上角滑进来的一条通知，就能毁掉一条本来完美的录制。
按画面调整窗口大小
先决定输出的画面比例，再把浏览器窗口调成这个比例。录下整块 16:10 的屏幕、事后再裁成 9:16，会丢掉大部分像素，结果也会发糊。
- 做 16:9 时，窗口（内容区域）设为 1280 × 720 或 1920 × 1080 最干净。
- 做手机比例的视频时，打开开发者工具，开启设备工具栏并选一款手机。页面随即返回它的移动版式，你只录这个视口即可。
- 把页面缩放设为 100%。缩放后的页面会以奇怪的字号渲染文字，一放大缩小就显得发虚。
视网膜屏或高 DPI 显示器录出的像素尺寸是窗口的两倍，这是好事：你可以缩到 1080p，文字依然清晰。
设置录屏软件
| 设置 | 用什么 | 为什么 |
|---|---|---|
| 帧率 | 60 fps | 滚动是持续的运动。30 fps 下每一帧跳的距离是两倍，看起来就是抖动 |
| 帧率模式 | 恒定（CFR） | 可变帧率的文件在剪辑软件和部分播放器里会卡顿 |
| 录制区域 | 浏览器窗口或某个区域，而不是整个屏幕 | 事后不用裁切，也就不损失分辨率 |
| 光标 | 隐藏，除非你要指着什么东西 | 滚动画面中间停着一个不动的光标，看起来像失误 |
| 画质 | 高码率；如果要剪辑，就用无损 | 滚动的文字对编码器来说最难：每一帧每个像素都在动 |
在 Mac 上，系统自带的录屏（Shift ⌘ 5）和 QuickTime 写出的是可变帧率文件。OBS Studio 在 macOS、Windows 和 Linux 上都免费，可以按你选定的恒定帧率录制。在 Windows 上，截图工具和 Xbox Game Bar 都能录屏，但 OBS 给你的控制最多。
别用手来滚动
这一步决定视频看起来专不专业。鼠标滚轮一格一格地动，触控板一甩就滑，两者都无法在二十秒里保持匀速。原因详见为什么滚动录屏会卡顿。
可靠的办法是让浏览器自己滚动。把一小段脚本粘贴到开发者工具的控制台里，它会在设定的时间内沿一条缓动曲线滚完整个页面。完整代码以及如何把握节奏，见如何让网站自动滚动来录视频。
粘贴脚本，先别运行
把脚本里的时长设成你希望滚动持续的长度。
开始录制
在顶部留一两秒静止。之后可以剪掉，而且停住的第一帧更适合做封面。
运行脚本，手离开
页面停下之前，别碰鼠标或触控板。任何输入都会和脚本打架。
停止录制，剪掉首尾
剪到运动的第一帧和最后一帧，两端再留出你想要的停留。
什么时候录屏是在绕远路
认真做下来，上面这些每录一条要十五分钟，换一个画面比例就得再录一条。如果页面是公开的，渲染器凭网址就能把这些全做完：它以桌面、平板或手机宽度打开页面，移除弹窗，按双倍密度读取页面，并以锁定的 24、30 或 60 fps 计算运动。你改一项设置再导出一次，而不用重录。
拿你自己的网站试试
粘贴一个链接，免费预览滚动效果。注册即送 51 个免费点数，无需信用卡，导出的任何视频都没有水印。
录制网站滚动，最好的免费录屏软件是什么？
OBS Studio。它在 macOS、Windows 和 Linux 上都免费，以恒定帧率录制，还能只录单个窗口。macOS 和 Windows 自带的录屏也能用，但对帧率和画质的控制更少。
为什么录的时候屏幕上很顺，回放却一卡一卡的？
通常是因为文件是可变帧率、录的是 30 fps，或者码率太低，撑不住每一帧都在动的文字。用恒定 60 fps 和高码率录制，并让脚本而不是滚轮来滚动。
比屏幕还长的整个网页，怎么录下来？
边录边滚动，最好用脚本，让速度保持均匀。录屏软件任何时刻都只能录到窗口里的内容，所以视频有多长，取决于页面移动得多快。
