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

2024-03-31

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

我查看了从 HTML 5 捕获图像的选项并发现HTML 媒体捕获 http://www.w3.org/TR/2011/WD-html-media-capture-20110414/#captureparam这让我可以写:

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

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

我也偶然发现过媒体捕获和流媒体 http://dev.w3.org/2011/webrtc/editor/getusermedia.html这似乎主要与显示来自例如的流有关网络摄像头,但可能可用于捕获图像,并且受 Chrome 和 Firefox 等浏览器支持,但仍不受 Internet Explorer(甚至 IE11)支持。不过,这三个浏览器的实现似乎都无法在我的 Windows 8.1 测试机上运行。如果有人让 getUserMedia 在任何浏览器中的 Windows 8 平板电脑上运行,我有兴趣了解一下。

无论如何,我的主要问题是:有没有办法通过 Web 应用程序使用 HTML5 访问 Windows 8 平板电脑上的摄像头?我见过的唯一可行的示例依赖于使用 Active X 的 IE 原型实现或使用闪存的解决方案。

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


我为这个解决方案苦苦挣扎,最后我找到了一个很好的解决方案。但只能在 Windows 商店应用程序中使用,例如 chrome windows 8 模式(chrome 设置 -> 在 windows 8 模式下重新启动 chrome),然后您可以在 html 中使用普通文件输入标记。当您点击“选择文件”时,您会看到下图。然后你可以选择相机添加从相机拍摄的图像。

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Windows 8.1 平板电脑上的 Web 应用程序中捕获图像 的相关文章

随机推荐