为什么通过相机上传图像在 mobile-safari 上有效，但不能作为 iOS PWA？

Question

我有一个具有 PWA 功能的网页。

在 iOS safari 上，我确实收到了通常的 OS 对话框，询问我是否要拍照或从照片库上传图片：

After "installing" it as an PWA via the menu "Add to Homescreen" button and starting it via homescreen, I still get the same options, "choose from library" still works, but when choosing "take a photo"，iOS 相机应用按预期打开，但完全黑屏。

html:

<head>

  <meta charset="utf-8">
  <title>dingsda user interface 2</title>

  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="manifest" href="manifest.json">

  (...)

  <label class="fileContainer ui-btn">
    <input type="file" accept="image/jpeg" id="photo_upload" multiple data-role="none"/>
   </label>

仅 javascript 已连接：

document.getElementById("photo_upload").addEventListener("change",
function(){
  console.log("got pic, will resize now:");
  resizeBase64image(document.getElementById("photo_upload"),
  function(base64img){
    console.log("resized pic. will add it to src");
    document.getElementById("addPhoto").src = base64img;
  });
});

我没有想法，也没有找到任何关于限制的线索。另外：它似乎不应该提示对话框或照片应用程序。我很高兴提出任何建议。用 HTML 文件输入或（如果可能的话）替代方法修复它。

Answer 1

很奇怪，我在 Safari 上的 PWA 网站上看到了同样的问题，上次更新 IOS 12.2。 PWA 上的相机现在不录制视频。

显然它不起作用也告诉我一个我质疑的 PWA 开发专家。

制作 Safari 的 Apple 开发人员实际上没有任何答案IOS讨论的最新更新。

他们有点回避话题，我觉得...

在大型科技领导者与我们谈论增强现实和人工智能的时期，这是非常重要和非常敏感的部分。

我觉得他们太忽视这方面了。更多的兴趣问题（我的建议）。他们有办法快速修复它，并且没有真正的理由需要 AR Key 功能。免费应用程序还需要可以查看，不一定像现在在 Apple Store 上玩的其他科技公司一样监视用户。

我们谈论在移动网络部分（免费）上使用视频输入 Ios Native 它工作得很好为什么不在 PWA 上呢？？

我觉得这个访问摄像头的问题应该更好的跟客户解释一下。

这些决定确实涉及很多事情。

同一主题的人不多，但不够集中

我认为每个遇到问题的开发者都应该在这里报告，因为它很重要

移动双寡头有两个应用市场商店：

苹果商店/Google Play 商店

微软开始蚕食云计算市场，放弃Internet Explorer，取而代之的是Chrome.Now Internet Explorer，取而代之的是Chrome。

Google 它是 IOS Safari 上的默认搜索引擎。一些媒体谈到 2018 年的收入为 95 亿美元。

我们还可以使用您的手机播放和订阅流媒体视频和音乐服务。（Spotify、Netflix）。苹果需要吃如果 Facebook 在移动支付和 App 生态系统（关于他们长期容忍的证券问题）方面取得快速进展，Apple 将与 Facebook 展开更多的斗争。背后有重要的财务目标，尤其是phone在中国并发的情况下更难销售，如果Facebook想在自己的商店里吃掉VR和AR应用程序的市场。

Apple 试图首先保护自己，因为市场在变化，但他们不能在没有解释的情况下阻止开发人员使用如此重要的功能。这并不严重。在 Android，没有更多的证券发行。用户有足够的社交指标来检查网站是否可靠。

摄像头支持以及其他通信 phone 功能必须正常工作。

Answer 2

直到 iOS 11.3 才有效，但 11.3 以上的所有版本都可以：

更多详细信息也可以在这里找到：

我可以使用 iOS 版本 11.4+ 的不同设备进行测试，并确认：可以在这些设备上使用。虽然没有测试 12 及以上。

Answer 3

实际上当我尝试录制视频时

Answer 4

将捕获（相机、摄像机或文件系统）添加到输入文件

<label class="fileContainer ui-btn"> <input type="file" accept="image/jpeg" id="photo_upload" multiple data- role="none" capture="camera"/> </label>

为什么通过相机上传图像在 mobile-safari 上有效，但不能作为 iOS PWA？

Why does upload image via camera work on mobile-safari but not as iOS PWA?

html

javascript

mobile-safari

ios

progressive-web-apps