html5捕获屏幕[重复]

Posted 2023-03-05

【中文标题】html5捕获屏幕[重复]

【英文标题】：html5 capture the screen [duplicate]

【发布时间】：2012-11-30 07:15:30

【问题描述】：

可能重复：Using html5/Canvas/javascript to take screenshots

浏览器有没有办法截取全局截图？我的意思是，整个屏幕，包括浏览器中没有的内容。

我知道这样问可能听起来有点傻。

【问题讨论】：

绝对不能使用 HTML5，但您可以使用 Flash 之类的插件来实现。

不可能，同样，重复。 ^

@RoryMcCrossan 建议的副本只涉及捕获网页，而不是整个屏幕。问题中引用的 Google+ 功能仅捕获页面，接受的答案仅说明如何捕获页面。该问题没有询问（并且接受的答案没有解释）是否可以捕获整个屏幕。

【参考方案1】：

Chrome 的getUserMedia WebRTC 函数中有experimental support for full-screen capture，使用chromeMediaSource: 'screen' 参数。该功能目前需要通过 chrome://flags 中的选项显式激活，并且（与所有 WebRTC 捕获机制一样）在调用该函数时需要用户的明确同意。

除了 Chrome 中的实验性选项之外，使用纯 JavaScript 是不可能的，但您可以使用 Flash 之类的插件或 ActiveX 控件来实现。

如果您只想捕获网页（而不是整个屏幕），请参阅Using HTML5/Canvas/JavaScript to take screenshots。

【讨论】：

好的。截取浏览器的屏幕截图并不是什么大不了的事。实际上它会是这样，但是 Eric Bidleman 在这里解释了如何做到这一点：html5rocks.com/en/tutorials/streaming/screenshare 我想我会尝试混合使用 flash 和 html :)

嗯.. Firefox 仍然不支持。