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

标签 html mobile camera tablet windows-8.1

我将要开发一个在 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 平板电脑上工作,我有兴趣了解它。

无论如何,我的主要问题是:是否有任何方法可以使用 HTML5 从 Web 应用程序访问 Windows 8 平板电脑上的摄像头?我见过的唯一有效示例依赖于使用 Active X 的 IE 原型(prototype)实现或使用 flash 的解决方案。

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

最佳答案

我为这个解决方案苦苦挣扎,最后我找到了一个很好的解决方案。但只能在 windows store 应用程序中使用,如 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

关于html - 在 Windows 8.1 平板电脑上的 Web 应用程序中捕获图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20471561/

相关文章:

java - Android - 恢复相机 Activity 被延迟

javascript - appendChild 到 h2 类

c# - 如何将 Xamarin 表单 View 呈现为图像以提高性能?

arduino - 任何可用于 ESP32-cam 'Brownout detector was triggered' 错误的解决方案?

javascript - 如何用javascript检测Firefox mobile?

javascript - 如何通过Web应用程序(ReactJS)检测Android设备虚拟键盘中的空格键

android - 在没有java的情况下在android上扫描QR码

javascript - 如何从 javascript 函数返回 true 和值?

php - 下划线以字母间距延伸到词尾之外

javascript - 需要有关使用 jquery 在购物车/购物篮中显示事件/选定元素的指导