如何录制让人想立刻安装的浏览器扩展演示视频

浏览器扩展很难演示。整个产品就活在一个 300 像素的弹窗、一个 16 像素的工具栏图标，以及别人做的页面上的几处变化里。没有可以展示的应用窗口，没有启动画面，没有仪表盘。然而扩展演示视频往往是一位好奇的访客与”安装”之间唯一的门槛。

好消息是，这些限制是可以预料的。一旦你知道扩展演示通常在哪里失手，一段很短的录制就能相当有说服力。

扩展演示为什么不一样

大多数录屏建议都假设你的产品占据整个窗口，而扩展并非如此。这改变了四件事：

• 你的界面很小：弹窗、徽标和右键菜单只占画面的一小块，默认构图根本看不见
• 宿主页面才是舞台：观众必须先认出你在增强哪个网站，才能看出你改变了什么
• 价值在于”差异”：你不是在展示一个功能，而是在展示一个变得更好的页面
• 安装本身就是产品：权限提示与固定图标是新用户最先遇到的环节，也是真实流失发生的地方

围绕这四点来规划录制，剩下的就是常规功夫了。

先建一个干净的演示配置文件

千万不要用日常浏览器录扩展演示。单独建一个配置文件，只用于录制。

• 清空工具栏：其他扩展的图标都在和你争抢注意力，移除或隐藏它们
• 只固定你的扩展：空荡工具栏上的唯一图标不会被认错
• 退出个人账号：头像、姓名和邮箱会出现在数量惊人的画面里
• 清理书签与书签栏：或者换成中立、适合演示的书签
• 重置新标签页：默认新标签页常常用缩略图展示你的浏览记录
• 关掉无关通知：浏览器和系统两边都要关
• 设置合适的缩放：页面缩放 100%，窗口尺寸匹配你导出的画面比例

设置一次后把配置文件保存下来。以后每次录制都从同样干净的状态开始，你的视频作为一个系列也会显得更统一。

选择正确的捕获模式

有三个合理选项，取决于浏览器界面本身是否重要。

• 窗口捕获：扩展演示的默认选择。观众能看到工具栏，那正是你的图标和徽标所在之处；只捕获浏览器窗口还能挡住桌面和程序坞
• 区域捕获：适合紧凑地拍下弹窗以及它影响的那部分页面。做短社交片段很好用，但会切掉工具栏，观众就失去了”你的界面在哪里”的方位感
• 全屏：只在需要展示浏览器之外的内容时使用——系统文件对话框、操作系统权限提示，或与扩展协作的另一个应用

大多数演示的做法是：以接近 16:9 的尺寸录制浏览器窗口，特写靠编辑器里的缩放实现，而不是中途切换捕获模式。

诚实地展示安装流程

跳过安装、直接展示已经能用的扩展很有诱惑力。至少在一个视频里请反过来做。新用户在意权限，看着别人顺利走完提示是很强的安心感。

• 从商店页面或你的安装按钮开始：走真实用户走的那条路
• 不要藏起权限对话框：让它出现，然后用一句话解释为什么需要。“它需要访问这个网站，因为要读取页面上的价格”，在疑问变成顾虑之前就给出了答案
• 展示固定图标这一步：很多用户装完之后找不到扩展。十秒钟的固定演示能省下大量客服消息
• 用全新配置文件还原真实流程：已授权的权限会让对话框悄悄消失，视频也就失真了

如果你还想要一段只讲功能的短片，请从同一次录制中另行剪出，而不是牺牲完整的走查。

让小小的界面看得清

扩展演示的胜负就在这里。弹窗在你的显示器上已经很小，在手机上几乎看不见。

• 每次弹窗打开都放大：在弹窗打开期间以它为中心做缩放，是扩展视频里性价比最高的一处剪辑
• 徽标变化时放大工具栏图标：数字从 0 变成 12，没人看得清就毫无意义
• 高亮光标：否则点击 16 像素的图标完全看不出来。光标高亮和点击效果能精确告诉观众交互发生在哪
• 打开弹窗后先停住：动鼠标之前留出整整一秒。小界面上的运动在压缩后会糊成一团
• 放不大的标签用文字叠加：一句简短的字幕胜过让人盯着 10 像素的小字
• 不要依赖悬停提示：它又小又慢，还经常根本录不进去。把标签念出来更好

用前后对比来组织

扩展是在改进既有体验，所以先把痛点摆出来。

1. 先展示没有扩展的页面，五到十秒：手动操作、缺失的信息、繁琐的步骤
2. 明确地开启扩展或点击它的图标
3. 展示同一页面变化之后的样子，最好保持相同构图，让差别一目了然
4. 用这个功能完整做完一件真实的任务
5. 以安装路径和设置位置收尾

让第 1 步和第 3 步的构图完全一致，能替你完成很多工作：观众会直接比较两个画面，而不是努力回忆一分钟前页面长什么样。

录制与导出设置

• 30fps 完全够用：页面交互和弹窗界面绰绰有余，文字清晰、文件也小
• 以原生分辨率录制：让编辑器去裁切和放大，而不是录得很小再拉大
• 固定浏览器窗口尺寸：录制中调整大小会让页面重排，毁掉你的缩放关键帧
• 扩展有声音就录系统音频，否则只录麦克风
• 网页用 1080p 导出，再把最精彩的 20 秒竖屏裁一版给社交平台

录制前检查清单

[ ] 已切换到演示用浏览器配置文件，其他扩展已隐藏
[ ] 工具栏只固定了你的扩展
[ ] 已退出个人账号，新标签页已清理
[ ] 宿主页面上的演示数据已准备好
[ ] 页面缩放 100%，窗口尺寸匹配导出比例
[ ] 若要展示安装流程，权限保持未授权状态
[ ] 通知已关闭，通知徽标已清空
[ ] 十秒测试录制已按手机尺寸查看确认

常见错误

• 在装了十五个其他扩展的浏览器里演示：没人分得清哪个图标是你的
• 从不使用缩放：这是扩展视频失败最常见的原因
• 剪掉权限提示：看起来像在隐瞒什么
• 使用真实的已登录账号：个人数据会泄漏到你不会仔细回看的画面里
• 一边移动鼠标一边讲解弹窗：先做一件，再做另一件
• 忘了宿主页面的上下文：观众得先知道这是什么网站，才会在意有什么变化

结语

扩展演示必须在两分钟内完成两件事：说明安装安全又简单，并让一小块界面显得举足轻重。前者靠干净的配置文件解决。后者靠缩放效果、光标高亮和紧凑的前后对比结构。录制浏览器窗口，保持画面稳定，每个弹窗都放大，然后让那个焕然一新的页面替你说话。