html5 – 在Windows 8.1平板电脑上捕获Web应用程序中的图像

我即将开发一个在Windows 8.1平板电脑上运行的应用程序.一个重要的功能是能够单击按钮访问相机拍摄一些照片.理想情况下,我想将其创建为Web应用程序而不是本机应用程序,原因有很多(许可证,跨平台,开发时间:没有本机应用程序的经验等).

我已经查看了从HTML 5中捕获图像的选项,并找到了允许我编写的HTML Media Capture

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

要访问相机.这适用于iPad和Android平板电脑,但我不能让它在Windows 8平板电脑上运行.我曾尝试在Windows 8平板电脑上使用Chrome,但仍无效果.它只是打开一个文件对话框,我可以在其中选择要上传的文件.我想要做的是能够捕获一个新的图像. IE不支持此标准(显然其他浏览器也无法访问设备的摄像头).

我也偶然发现了Media Capture and Streams,这似乎主要与显示来自例如网络摄像头,但可能用于捕获图像,Chrome和Firefox支持其他浏览器,但仍然不是Internet Explorer(甚至IE11).但是,三种浏览器的实现似乎都不能在我的Windows 8.1测试机上运行.如果有人在任何浏览器中使用getUserMedia在Windows 8平板电脑上工作,我有兴趣听到它.

无论如何,我的主要问题是:有没有办法在Windows 8平板电脑上使用HTML5从网络应用程序访问相机?我见过的唯一可行的例子依赖于使用Active X的IE的原型实现或使用flash的解决方案.

编辑:我非常希望将其保留在HTML5 / javascript中,因为它必须脱机工作(使用HTML5应用程序缓存)

最佳答案
我为这个解决方案付出了很多努力,最后我找到了一个很好的解决方案.但只能在windows存储应用程序中使用,例如chrome windows 8模式(chrome设置 – >在Windows 8模式下重新启动chrome),然后你可以在html中使用普通的文件输入标签.当你点击“选择文件”时,你会看到下图.然后你可以选择相机从相机添加拍摄图像.

Then u can choose camera to add take image from camera

如果你在列表中看不到相机,你可以在下面安装应用程序.

https://www.microsoft.com/en-US/store/apps/Camera-File-Open-Picker/9WZDNCRFJQVN

转载注明原文:html5 – 在Windows 8.1平板电脑上捕获Web应用程序中的图像 - 代码日志