我有一个具有PWA功能的网页。
在iOS Safari中我会得到通常的操作系统对话框,询问我是否要拍照或从照片库上传照片:
通过菜单“添加到主屏幕”按钮“安装”为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文件输入或(如果可能的话)替代方法来修复它。
奇怪的是,我在上次更新IOS 12.2的Safari上的PWA网站上看到了同样的问题。相机现在不在PWA上录制视频。
显然它不起作用,也告诉我一个关于PWA的开发专家,我质疑。
Apple的开发人员没有真正的答案,他们在讨论时提出了Safari IOS最新更新。
他们避开这个主题,我觉得......
在他们向我们讲述增强现实和人工智能的大技术领导者期间,这是非常重要且非常敏感的部分。
我认为他们太过忽视这方面了。更多关于兴趣的问题(我的建议)。他们有办法快速修复它,并没有真正的理由使用AR Key功能。免费应用程序还需要查看不一定像其他科技公司那样在Apple Store上玩的间谍用户。
我们谈论在Ios Native上使用移动网络部分(免费)上的视频输入它非常好用,为什么不在PWA?
我认为这个访问相机的问题应该更好地向客户解释。
这些决定涉及很多事情。
没有多少人在研究相同的主题,但它不够集中
我认为遇到问题的每个开发人员都应该在这里报告,因为它很重要
移动双寡头有两个App市场商店:
Apple Store / Google Play商店
微软开始在云计算市场上吃东西,并放弃了Chrome浏览器。现在,Internet浏览器被Chrome取代。
谷歌它是IOS Safari上的默认搜索引擎。一些媒体谈到2018年的95亿美元。
我们还可以使用您的手机播放和订阅流媒体视频和音乐服务。(Spotify,Netflix)。如果Apple在移动支付和App生态系统中快速发展(关于他们长期以来容忍的证券问题),苹果公司需要吃掉苹果公司将更多地对抗Facebook。特别是有一些重要的财务目标,特别是销售具有中文并发性的手机更加困难,以及Facebook是否想在自己的商店中为VR和AR应用程序占用市场。
苹果公司正在努力保护自己,因为市场正在发生变化,但它们无法阻止开发人员的这些重要功能,而无需解释。这不严重。在Android上,没有更多的证券问题。用户有足够的社交指标来检查网站是否可靠。
相机支持必须正常工作以及其他通信电话功能。
它在iOS 11.3之前不起作用,但11.3以上的所有版本都可能没问题:
更多细节也可以在这里找到:How to access camera on iOS11 home screen web app?
我可以使用iOS版本11.4+的不同设备进行测试并确认:适用于那些。虽然未经过12及以上测试。
将捕获(摄像机,摄像机或文件系统)添加到输入文件
<label class="fileContainer ui-btn">
<input type="file" accept="image/jpeg" id="photo_upload" multiple data-
role="none" capture="camera"/>
</label>