javascript - 通过 js/JavaScript 从网络摄像头捕获图像

Question

我正在寻找从网络摄像头捕捉图像。我已经测试了很多库，包括

https://github.com/jhuckaby/webcamjs

https://github.com/amw/jpeg_camera

但是所有现有的库都非常陈旧，不再由作者维护。我也尝试过“navigator.mediaDevices.getUserMedia”来捕获图像，但它不适用于 safari。

我想知道您是否可以建议一些可以跨浏览器工作并且也可以管理响应式视图的东西。

谢谢。

Answer 1

该navigator.mediaDevices.getUserMedia方法应该适用于最新版本的 safari 11。您需要使用MediaDevices.getUserMedia()几乎所有最新浏览器（IE 除外）都完全支持的方法。

请注意，如果您编写 HTML 文件并在浏览器中打开它，它可能无法正常工作，因为您的浏览器可能需要安全上下文（HTTPS 而不是 HTTP）才能使用该方法。

请参阅https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

此外，Sam Dutton 创建了一个很好的示例，您也可以找到它的 github 代码。