摘要

我们无法使用WebRTC或文件输入从iOS11(公开发布)主屏Web应用程序访问摄像头,详细信息如下.请问我们的用户如何才能继续访问摄像头?

我们通过https提供web应用程序页面.

更新,4月

个 iOS11.3的公开版本似乎已经解决了这个问题,文件输入摄像头访问功能又开始工作了!

更新,3月

正如这里的人所说,苹果公司的文档建议网络应用程序摄像头功能将在11.3版本中与服务人员一起回归.这很好,但我们还不确定是否希望每个人都重新安装,直到我们可以彻底测试11.3GM.

解决方案,11月

更新,12月6日

iOS 11.2和iOS 11.1.2无法修复.

解决方法,9月21日

似乎我们可以向现有的网络应用客户询问

  • 不升级到iOS11-祝您好运:)
  • 在iOS相机中拍摄照片,然后在Web应用程序中重新 Select 这些照片
  • 等待下一个ios测试版
  • 作为Safari浏览器内页面重新安装(在我们删除ATHS逻辑之后)
  • 切换到Android

文件输入

我们当前的生产代码使用的是文件输入,在iOS10及更早的版本上已经运行多年.在iOS11上,它可以作为Safari选项卡使用,但不能从主屏幕应用程序中使用.在后一种情况下,相机打开,只显示一个黑屏,因此无法使用.

   <meta name="apple-mobile-web-app-capable" content="yes">
   ...
   <input type="file" accept="image/*">

WebRTC

iOS11上的Safari11提供WebRTC media capture美元,这很棒.

我们可以使用Navigator.mediaDevices.getUserMedia per the sample code linked here将相机图像捕获到桌面和移动设备上的普通网页上.

当我们将页面添加到iPad或iPhone主屏幕时,navigator.mediaDevices变成了undefined,无法使用.

    <meta name="apple-mobile-web-app-capable" content="yes">
    ...
    // for some reason safari on mac can debug ios safari page but not ios home screen web apps 
    var d = 'typeof navigator : ' + typeof navigator; //object
    d += 'typeof navigator.mediaDevices : ' + typeof navigator.mediaDevices; // undefined
    // try alternates
    d += 'typeof navigator.getUserMedia  : ' + typeof navigator.getUserMedia; // undefined
    d += 'typeof navigator.webkitGetUserMedia  : ' + typeof navigator.webkitGetUserMedia; // undefined
    status1.innerHTML = d;

推荐答案

我们也有类似的问题.到目前为止,我们唯一能做的解决办法是删除meta标签,使其成为"支持apple mobile web app"的应用程序,并允许用户在Safari中打开它,在Safari中,一切似乎都正常工作.

Html相关问答推荐

网格容器中的定心元件

CSS:显示块,第一个项目没有正确对齐

图像不在HTML文件中显示

有没有什么方法可以很容易地给一个SVG一个插框阴影?

你将如何为手机制作导航栏

高度:适合-内容不拉伸以适合内部长度

为什么 Select 元素在带有数据绑定的Blazor上行为怪异?

添加带有悬停动画的喜欢图标

在 laravel 中使用 DomPDF 将数据导出为 pdf 时,第二列被拉伸

可以通过悬停时的自定义区域更改文本属性吗?

jQuery 索引返回不正确的结果

如何使用 CSS 应用带有笔划的文本阴影?

网页设计不适合移动设备

pandas `to_html()` - 如何只使特定的行有边框

在 jinja 模板内的 html 表中嵌套 For 循环

无法使用 HTML 中的 Bootstrap 自上而下居中

如何在不删除

标记的情况下加入 HTML 中的段落

左右图像,响应页面大小并居中

如何将内容从侧边栏的底部移动到右侧?

Woocommerce Storefront 产品类别页面和购物车菜单项 colored颜色 更改