在网络浏览器中捕获图像答案

【问题标题】：Capture images in web browser在网络浏览器中捕获图像
【发布时间】：2012-12-23 01:45:52
【问题描述】：

我正在从事图像处理项目。

我想使用网络浏览器从网络摄像头捕获图像（人脸），并且不允许安装任何其他插件。

目前，我正在使用 Flex/Flash 来捕获图像。根据要求，我也不允许使用 Flex/Flash。

是否有任何软件包可以从网络摄像头捕获图像？

注意：实际上，我想在浏览器端应用一些图像处理算法，如人脸检测、过滤器。如果用于图像捕获的同一包具有一些图像处理算法，我会很好。

由帖子作者更新：谁能告诉我使用 webgl 的可能性吗？

【问题讨论】：

【解决方案1】：

如果您想让用户使用网络摄像头拍摄自己的快照，可以使用 HTML5 的getUserMedia/Stream API 在一行中使用capture=camera。方法如下：

<input type="file" accept="image/*;capture=camera">

支持最新的 chrome、firefox 和 opera。对于其他人来说，flash 或其他插件是唯一的选择。

【讨论】：

【解决方案2】：

正如 Gaurish 所提到的，getUserMedia 是您可以使用的，尽管不能保证它的跨浏览器支持。

要了解如何使用它和画布来获取图像，请查看使用它的 Filtering a webcam using getUserMedia and HTML5 canvas。

【讨论】：

感谢您的回复。可以用 Webgl 做吗？
为什么要使用 WebGL？
捕获后，我想在发送到服务器之前处理图像。想知道 Webgl 的可能性吗？什么样的过程：灰度转换、旋转、裁剪。
用什么方式处理？你想或需要用它做什么？我只是想知道你是否可以在画布中做你需要的事情，因为图像已经在那里，这样可以省去你的麻烦（但你可以在画布项目上使用 WebGL，请参阅：developer.mozilla.org/en-US/docs/WebGL/…）