html - 在没有 Canvas /显示器的情况下拍摄不可见的 WebRTC/视频照片

Question

我读过 Taking still photos来自 MDN，描述了如何从网络摄像头捕获照片(使用视频元素和 mediaDevices.getUserMedia)以使用 Canvas 将它们显示给用户。

但是我不需要(也不想)向用户显示拍摄的图像，因此我也不想使用 Canvas ，因为我会说首先绘制 Canvas 仅获取图像数据(如 ImageData 或 DataUri)可能对性能不利。

那么有没有办法不用canvas就可以获取图片数据呢？

Answer 1

使用 canvas 完全没问题，性能也很好。只是不要将 Canvas 附加到文档，它不会显示。我认为您对性能的担忧是没有根据的。

从流中获取数据的唯一其他方法是 MediaRecorder但它会以给定的帧速率生成视频，而不是您想要的，而且涉及更多。

有人说 imageCapture API，但它还没有在任何浏览器中实现，除了behind a flag .它将提供一个 .takePhoto() 方法，该方法还可以访问可用的全分辨率相机(即手机)。