请教前端大佬：我想对 html 页面上的某个区域/某个精确 document 录屏，应该怎么实现？

[ChatGPTPRO]

请教前端大佬

我想对 html 页面上的某个区域/某个精确 document 录屏，应该怎么实现？

我目前用的是以下这个 webTCR 的方式录屏。

但是他只能录制整个屏幕，网上找了一圈也发现他不支持录制屏幕的某个区域。

   // 初始化请求用户授权监控
    navigator.mediaDevices.getDisplayMedia(constraints).then((stream) => {
      // 对音视流进行操作
      start(stream)
    });

想做到精确的对某个标签，也就是 document ，或者说某个区域坐标，这样来录屏有实现方式吗？

我想用 js 来实现，而不是直接用外部的软件。

[Gaoti]

@ChatGPTPRO @weeshin
查了一下，这个不还是 proposal 吗？
op 实现了具体的代码吗？有的话想看一眼学习一下

[ChatGPTPRO]

@Gaoti proposal 是啥，我用的是录屏实现的，没用 canvas 转视频。

参考的是这个大佬发的链接 https://github.com/w3c/mediacapture-region 。

[ChatGPTPRO]

@Gaoti 感觉开源的挺叼的，前端也不太懂，照葫芦画瓢，cv 一下 api 还是能实现的

[Gaoti]

@ChatGPTPRO #22
> proposal 是啥
这是个草案来着，没仔细看 demo 里实现了对应的 API

[ChatGPTPRO]

@Gaoti 哦哦哦