像jam.dev这样的网站是如何实现屏幕截图功能的


有人知道像jam.dev这样的网站是如何实现点击和拖动屏幕截图功能的吗?

我正在尝试创建一个涉及客户端屏幕截图的工具,我喜欢的方法是以类似的方式实现它。有人好心为我指明正确的方向吗?

我试过并研究过一些东西,但这些并不能提供我想要的确切结果:

  • html2canvas和其他使用svg和外来对象的库-这些并不能产生一致的结果
  • 使用puppeteer渲染服务器端-如果屏幕截图可以在客户端实现,那会更好
  • 使用webRTC-请求权限并让用户选择屏幕/窗口不是很直观

如有任何见解,我们将不胜感激!

浏览器共享扩展api,允许制作屏幕截图

根据这个答案

chrome.tabs.captureVisibleTab(null, {}, function (image) {
// You can add that image HTML5 canvas, or Element.
});

最新更新