html - 将相机中的图像捕获到表单或 html5 Canvas 中

标签 html image-processing

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

例如,我有一个在登记签到站运行的浏览器。我想为当前站在 table 前的与会者拍照,并将该图像提交到数据库中。然后我可以使用该图像来打印与会者的徽章,上面印有他们的照片。

我正在使用 rails 和回形针,尽管我怀疑这是否重要。

有没有人以前做过这个,或者对如何做有一些想法?

最佳答案

有一个名为“jQuery Webcam Plugin”的 jQuery 插件,它提供了一种与网络摄像头交互的友好而简单的方法。它实际上依赖于一个小的 Flash 组件(不幸的是),但它在简化交互以及提供将图像直接复制到 HTML5 Canvas 中的功能方面做得很好。

同样,不幸的是它依赖于 Flash,但我认为此时任何可靠的解决方案都将需要 Flash。

插件可在此处获得:http://www.xarg.org/project/jquery-webcam-plugin/

关于html - 将相机中的图像捕获到表单或 html5 Canvas 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3782169/

相关文章:

javascript - 更改列表后更改类

java - 使用 GlassFish 将用户输入从 HTML 获取到 Java servlet

html - Wordpress 22 为图像添加额外的边距

image - 将纹理文件包含到 collada 文件中

python - 快速计算由 connectedComponents 生成的所有簇的平均颜色

javascript - 如何添加安全性以便模式窗口不会从浏览器的 html 代码中删除?

html - 载玻片相互堆叠

python - 将图像像素从正方形转换为六边形

javascript - 如何在 native react 中提取图像中最常用的颜色?

java - 自然特征追踪 - 增强现实