如何将网页录制为透明视频?

如何将网页录制为透明视频?

我希望记录保留 alpha 通道的 HTML 输出,以便生成的视频具有透明背景,这样我就可以将 Web 应用程序的输出用作后期制作工具(例如 Final Cut Pro 或 Adob​​e Premier)中的覆盖。

我在用着Singular.live在 OBS Studio 中提供屏幕图形。Singular.live 是一款 Web 应用程序,它提供了一个非常用户友好的工具来创建和输出 HTML 5 动画层,以覆盖 OBS Studio 等程序中的视频。(它类似于 Apple Motion 或 Adob​​e AfterEffects,但它是一款 Web 应用程序。)在 OBS Studio 中,Web 小部件(基于 Chrome)可以具有透明背景,以便 Singular.live HTML 输出显示为没有背景的视频覆盖。

问题:有没有好的方法将 Web 应用的动画录制为视频透明背景而不是默认的白色?

OBS 可以录制它,但必须添加背景。同样,使用 QuickTime 等屏幕录像机录制在 Chrome 或 Safari 中直接播放的动画。使用色度键这个有点明显的解决方案在这种情况下效果不佳,因为叠加层涉及一些透明度,因此即使应用过滤器将其移除,色度键的颜色也会影响叠加层。

我想象有人想将 HTML 动画录制为视频,用于产品演示或其他类似用途,因此我一直在想我一定是错过了一种明显的方法来从浏览器中获取输出,但还没有找到这样的方法。

答案1

我很难理解这一切,但是... OBS 中的浏览器源代码使您可以编辑页面的 CSS。如果您能找到要使其透明的元素,您就可以这样做,并且它会理解它。

相关内容