从相机捕获图像到表单或html5画布

时间:2010-09-23 20:09:13

标签: html html5 image-processing

我需要将网络摄像头(系留相机等)中的图像捕获到表单或html5画布中,以便将图像保存到服务器。此外,我希望能够在页面中实时预览图像。

例如,我有一个浏览器在注册检查站运行。我想拍一张当前站在桌子前面的与会者的照片,并将该图像提交到数据库中。然后,我可以使用该图像打印参加者的徽章及其图片。

我正在使用rails和paperclip,但我怀疑这很重要。

之前有人这样做了,或者有一些想法怎么做?

3 个答案:

答案 0 :(得分:9)

有一个名为“jQuery Webcam Plugin”的jQuery插件,它提供了一种友好而简单的方式来与网络摄像头进行交互。它实际上依赖于一个小的闪存组件(不幸的是),但它可以很好地简化交互,并提供将图像直接复制到HTML5画布的功能。

同样,不幸的是它依赖于Flash,但我认为任何可靠的解决方案都需要在这个时间点闪存。

该插件可在此处找到:http://www.xarg.org/project/jquery-webcam-plugin/

答案 1 :(得分:3)

目前,如果您想通过网页与网页进行互动,您需要使用插件进行查看.Flash有一个成熟的网络摄像头界面,因此它将是我的首选工具。

HTML 5中曾经有一个针对原生网络摄像头支持的规范,但它已被分解为its own, independent, specification。目前there is no browser support以外的experimental Opera builds。{/ p>

答案 2 :(得分:1)

Android> = 3.0(很多平板电脑和一部手机)应该支持这个。搜索“html媒体捕获”和“设备api”将为您提供更多信息。

在非偶数alpha边缘,有像webrtc和mozilla彩虹插件这样的东西。