◆

Chrome 谷歌浏览器录屏插件下载

2023-02-02 01:370

写文档或者提 bug 时,一段几秒的操作录屏比截图加文字描述省事得多,尤其是需要复现交互过程、动画卡顿这类只能动态呈现的问题。

浏览器扩展形态的录屏工具比装桌面软件更轻:它基于 getDisplayMedia 这套屏幕捕获 API 直接在页面里录,可以只录当前标签页,不用选窗口、不留后台进程,录完直接导出成文件。缺点是只能录浏览器内的内容,要录整个桌面或者其它 App 还是得用系统级工具(macOS 上 Cmd+Shift+5 就够)。

录之前值得设一下的几项

只录当前标签页。浏览器的捕获授权分「整个屏幕 / 应用窗口 / 浏览器标签页」三档,选标签页最安全——不会把别的窗口、通知弹窗、桌面上的东西一起录进去。给同事发 bug 复现视频时尤其重要。

关掉麦克风。多数录屏扩展默认会问要不要收音,做 bug 复现基本不需要,开着容易把周围环境声录进去。要讲解的话再单独开。

帧率与分辨率。演示交互流程 15fps 就够,文件小很多;要展示动画掉帧、滚动卡顿这类性能问题才需要拉到 30fps 以上,否则录出来看不出卡在哪。

局限

只能录浏览器内的内容,切到别的 App 画面就没了。要录整个桌面或跨应用操作,macOS 用 Cmd+Shift+5、Windows 用 Win+G 的系统录屏更合适。

输出格式一般是 WebM。发给用 Windows 自带播放器的人可能打不开,需要转成 MP4——用 ffmpeg 一条命令就行:

ffmpeg -i input.webm -c:v libx264 -crf 23 output.mp4

下面是这个插件的下载地址。

::: cardImgList

- img: https://wflynn.cn/res/img/bg/lol/40.jpg
  link: https://download.csdn.net/download/weixin_40013817/17139837
  name: 录屏插件
  desc:
  author:
  avatar:

:::

💬留言板0

还没有留言,来发表第一条吧~

PAGE LOAD / LIVEChrome 谷歌浏览器录屏插件下载加载中