我读了拍摄静态照片 https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Taking_still_photos来自 MDN 的描述如何从网络摄像头捕获照片(使用视频元素和mediaDevices.getUserMedia
)使用画布向用户显示它们。
然而我做not需要(并且不想)向用户显示拍摄的图像,因此我也不想使用画布,因为我想说首先绘制画布只是为了获取图像数据(如 ImageData 或 DataUri)可能是对性能不好。
那么有没有一种方法可以不使用canvas来获取图像数据呢?
使用画布完全没问题并且性能良好。只要不将画布附加到文档中,它就不会显示。我认为你对性能的担忧是没有根据的。
从流中获取数据的唯一其他方法是MediaRecorder https://w3c.github.io/mediacapture-record/MediaRecorder.html但它以给定的帧速率生成视频,而不是您想要的,并且涉及更多。
有一种说法是imageCapture https://w3c.github.io/mediacapture-image/API,但尚未在任何浏览器中实现,除了在旗帜后面 https://github.com/w3c/mediacapture-image/blob/gh-pages/implementation-status.md。它将提供一个.takePhoto()
方法还可以访问可用的全分辨率相机(即手机)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)