为什么通过相机上传图像可以在移动浏览器上运行,而不能在iOS PWA上运行?

时间:2019-02-23 18:15:46

标签: javascript ios html5 mobile-safari progressive-web-apps

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

在iOS Safari浏览器中,确实出现了常见的OS对话框,询问我是否要拍照或从照片库上传照片:

enter image description here

通过菜单“添加到主屏幕”按钮将其作为PWA“安装”并通过主屏幕启动后,我仍然得到相同的选项,“从库中选择”仍然有效,但是当选择“拍照”时, 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文件输入或其他替代方法来修复它。

4 个答案:

答案 0 :(得分:0)

奇怪的是,我在Safari的PWA网站上看到了与上次更新的IOS 12.2相同的问题。相机现在无法在PWA上录制视频。

显然,这对我提出质疑的PWA开发专家也行不通。

关于Safari IOS的​​最新讨论的Apple开发人员并没有真正的答案。

我觉得他们稍微避开了这个话题...

在这个时期,大技术领导者与我们谈论增强现实和人工智能非常重要且非常敏感。

我认为他们忽略了这方面。 更多有关兴趣的问题(我的建议)。他们有办法快速修复它,没有真正的理由使用AR键功能。免费应用程序还需要不一定能像其他现在在Apple Store上玩游戏的科技公司那样监视用户。

我们讨论了如何在Ios Native上使用移动Web部件上的视频输入(免费),效果很好,为什么不在PWA上使用视频?

我认为应该更好地向客户解释这个访问相机的问题。

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

从事相同主题的人并不多,但集中程度不够

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

移动Duopoly上有两个App市场商店:

Apple Store / Google Play商店

微软开始进军云计算市场,并放弃了用于Chrome的Internet Explorer,现在它已被Chrome取代。

Google是IOS Safari上的默认搜索引擎。 一些媒体称,2018年将达到95亿美元。

我们还可以通过您的手机(Spotify,Netflix)播放和订阅流式视频和音乐服务。苹果需要吃 如果苹果公司在移动支付和应用生态系统方面取得长足进步(关于他们长期以来一直容忍的证券问题),苹果将与Facebook进行更多的对抗。背后还有重要的财务目标,尤其是要出售具有中文并发功能的手机更加困难,而且如果Facebook要在自己的商店中占领VR和AR Apps的市场。

首先,苹果试图保护自己,因为市场在变化,但是如果没有说明,它们无法阻止开发人员的这种重要功能。不严重在Android上,不再有证券发行。用户有足够的社交指标来检查网站是否可靠。

摄像头支持必须与其他通讯电话功能正常工作。

答案 1 :(得分:0)

直到iOS 11.3才起作用,但是从11.3开始的所有版本都可以:

对此的更多详细信息也可以在这里找到:How to access camera on iOS11 home screen web app?

我可以在iOS 11.4以上版本的不同设备上进行测试,然后确认:可以在这些设备上运行。但是未在12岁及以上的年龄进行测试。

答案 2 :(得分:0)

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

enter image description here

答案 3 :(得分:0)

将捕获的内容(摄像机,便携式摄像机或文件系统)添加到输入文件中

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