访问摄像头源并加载到移动设备页面

Question

我正在尝试使用html5（如果需要，还有php / jscript）来访问移动设备的相机并拍摄快照。最终的想法是使用它来扫描条形码/ qr代码并将它们解码为所需的信息，但这还不是问题。我遇到了一些话题，发现了这两个片段;

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

和

<form action="server.cgi" method="post" enctype="multipart/form-data">
<input type="file" name="image" value = '' accept="image/*" capture>
<input type="submit" value="Upload">
</form>

第一个允许我使用我的相机拍照，第二个允许我添加提交按钮并允许我发送数据以进行解码，但它基本上导航离开我的网页应用页面，转到相机，你拍了一张照片然后又回到了网页。这是几次点击，我希望做一些更精简的事情。有没有办法让摄像机输入并将其加载到我的网页应用程序页面上，也许是在某种画布上？

我在这里读了一些关于兼容性和不兼容的内容，我不认为这是一个问题;

http://caniuse.com/#search=getUserMedia

Theres商店的一个名为“红色激光”的应用程序似乎可以做我想要的，因此相机提要保留在应用程序中，而无需导航到手机原生相机设施，但我认为这可能是刚刚完成它的本机代码，显然能够使用它的原生api，所以也许这就是它的可能性。

这是html5能做的吗？

Answer 1

检查 HTML Media Capture W3C draft那里是否有您需要编写脚本的示例 在我的Firefox 19.02上通过Android 2.3.6，您的代码只需启动摄像头并在输入框中显示文件路径...我想不出最简单的方法！使用来自apk的zxing也是一样的 如果您专注于特定的浏览器，您应该阅读有关主机环境的细节。