如何使用Puppeteer拍摄包含视频的页面的屏幕截图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用Puppeteer拍摄包含视频的页面的屏幕截图相关的知识,希望对你有一定的参考价值。

我目前正在使用Puppeteer打开网站并拍摄视频的屏幕截图。但是,木偶运行的默认Chromium浏览器不适用于视频类型。

我使用Puppeteer启动了本地版本的Chrome,并且一切正常。

是否有一种方法可以使用puppeteer打开实际的chrome浏览器实例,而无需指定指向.exe的本地链接,以使其在托管时更具可扩展性,并且减少了对目录的依赖?

Puppeteer 2.0.0

注意:我正在使用Puppeteer运行一个非铬实例(没有指向Chrome.exe的目录)

答案

您可能会发现在控制包含音频和视频的页面时,Puppeteer的行为不符合预期。 (例如video playback/screenshots is likely to fail。)有两个原因:

  • Puppeteer与Chromium捆绑在一起,而不是与Chrome捆绑在一起,因此默认情况下,它继承了Chromium's media-related limitations的全部。这个表示Puppeteer不支持AAC或H.264。 (但是,有可能强迫P偶使用单独安装的版本Chrome(而不是Chromium)通过executablePath option to puppeteer.launch。你只应该如果您需要正式版的Chrome浏览器,请使用此配置支持这些媒体格式。)
  • 由于Puppeteer(在所有配置中均控制桌面版本的Chromium / Chrome,仅移动设备支持的功能不支持Chrome版本。这意味着操纵P executablePath

来源: puppeteer.launch

以上是关于如何使用Puppeteer拍摄包含视频的页面的屏幕截图的主要内容,如果未能解决你的问题,请参考以下文章

使用 Puppeteer 进行屏幕录制时 CSS 转换不起作用

Puppeteer爬取Youtube列表页面

如何上传视频 传视频的方法

如何让 Puppeteer 在客户端使用 ReactJS 应用程序

Puppeteer 截取上一个页面而不是当前页面

如何将屏幕截图从 puppeteer 上传到 cloudinary 或 google bucket?