Skip to content
返回博客
Release#产品#录制#社区

录下你的面板,连摄像头气泡一起

屏幕录制已经做进工具栏:最长十分钟的画布录像,摄像头以可拖动的气泡合成进画面,配一条悬浮控制条,停止时再做决定——保存、分享,还是发布。

The Nexow Team6 分钟阅读
录下你的面板,连摄像头气泡一起

你做出了不错的东西,想让别人看看——是动起来的样子,不是一张截图。在此之前,这意味着离开应用、另找一个录屏工具、框好浏览器窗口,然后祈祷录出来的东西还能看。现在它只是工具栏上的一个按钮。

捕获面板提供两件事:一张截图,保存前可以裁剪;或者录制视频——你的画布,实时录,直到你停下或者到达十分钟。

画面里放什么

三个开关,开始之前定好:

  • 摄像头气泡 —— 你的摄像头,以圆形合成进视频
  • 麦克风 —— 你的解说
  • 标签页音频 —— 页面自己正在播放的声音

摄像头气泡不是钉死在某个角落的。想拖到哪就拖到哪,松手时它会吸附到最近的那个角,尺寸用你选的那个。它是视频的一部分,不是事后贴上去的一层,所以你怎么取景,文件里就是什么。

录制期间,一条悬浮的控制条会待在不碍事的位置,并且做好中途真正需要的那四件事:暂停与继续、静音麦克风、静音标签页音频、隐藏或移动摄像头气泡——以及停止。计时器全程跑着,快到十分钟上限时会提前提醒你,而不是一声不吭地中断。

然后是一个决定,而不是一次下载

停止之后,这段录像会在一个回看界面里打开,里面有视频和四个选择:保存分享发布丢弃

发布会把它送到社区动态,而这是唯一有限制的一个:十分钟的录像可能超出动态上传所允许的大小。遇到这种情况,发布会变为禁用并说明原因,把上限数字写出来,而保存和分享保持可用,因为这两者根本不碰那个上限。一个告诉你数字的灰色按钮,好过一个等进度条走满才失败的按钮。

那些不起眼、却决定文件质量的部分

录屏工具的大部分功夫,在它正常工作时都是看不见的:

  • 画面永远合成到一块固定尺寸的画布上,哪怕没有摄像头气泡。标签页捕获的分辨率跟着窗口走,所以录制途中只要缩放一次窗口,视频轨就会重新协商,而含有分辨率变化的文件在大多数播放器里都是坏的。在开头一次性定好尺寸,才让输出成为一段干净的单次编码:1080p、30fps;当浏览器交出来的是整屏画面时,退到 720p。
  • 容器格式在运行时决定,而不是想当然。 Firefox 录 WebM,Safari 录 MP4,Chromium 在不同版本上两种都发过。录制器优先尝试 MP4——因为它是你接下来最可能带去的那些地方都能播的文件——不行才降到 WebM,并且按浏览器实际使用的格式来命名文件,而不是按当初申请的那个。
  • 帧的节拍独立于页面。 后台标签页会限制动画,却不会限制音频,而这恰好就是“画面冻住、解说还在继续”的成因。如果录制期间标签页被藏在后台,回看界面会直接说出来,而不是让你事后才发现。
  • 每一条轨道在任何退出路径上都会被停掉,包括启动过程中途失败的情况。摄像头指示灯亮着不灭,就是一个看起来在盯着你的应用,而这件事没有任何可接受的版本。

错误在两个方向上都诚实。关掉浏览器的选择器不算错误,因此它保持沉默:你并没有分享任何东西,为此弹个提示只是噪音。但一个不送出画面的来源会先给出警告,免得你对着一块灰色矩形讲了五分钟;而一个根本无法编码视频的浏览器会直说,而不是产出一个空文件。

接下来:录制单个组件

下一次更新会带来这件事更小、更锋利的版本:组件自己的标题栏上的一个相机按钮,只录那一个组件——裁剪到组件主体,于是按钮所在的标题栏和控制条都留在画面之外。录制指示器可以就待在那儿,录着却不会出现在视频里。

它建立在 Region Capture 之上,而这在今天是 Chromium 桌面端的能力,所以按钮只在真能兑现的地方出现,而不是先给出一个之后还要道歉的承诺。你移动组件时它会跟着走,组件离开屏幕时它会干净地停下。

两者加起来,“看我做了什么”就不再是一张截图加一段文字了。

打开 Nexow,在工具栏里找到捕获面板,把你的画布录下来。

在接下来一分钟内构建你的第一个组件

预览版已上线,可免费试用。无需注册,无需设置——只需描述你想看到什么。