拍摄隐藏的WebRTC /视频照片,无需画布/显示

时间:2017-03-29 19:03:56

标签: html5 html5-canvas video-streaming webrtc video-capture

我已阅读MDN中的Taking still photos,其中介绍了如何从网络摄像头捕获照片(使用视频元素和mediaDevices.getUserMedia),以便使用画布向用户显示这些照片。

但是我需要(并且不希望)将拍摄的图像显示给用户,因此我也不想使用画布,因为我会说第一次画画布只是为了获得图像数据(如ImageData或DataUri)可能对性能不利。

那么有没有办法在不使用画布的情况下获取图像数据?

1 个答案:

答案 0 :(得分:0)

使用画布完全没问题并且表现良好。只是不要将画布附加到文档中,它就不会显示出来。我认为你对表现的担忧是没有根据的。

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

有关imageCapture API的讨论,但除了behind a flag之外,它还没有在任何浏览器中实现。它将提供.takePhoto()方法,该方法还可以访问可用的全分辨率照相机(即电话)。