通过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代码。