我知道下面的代码将从ios 6+ safari移动浏览器中捕获图像
<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">
Run Code Online (Sandbox Code Playgroud)
有没有其他方法使用html5/JS从safari移动浏览器捕获图像?
iOS Safari Safari移动浏览器中是否有WebRTC MediaStream API的替代方案?
我在HTML5页面中使用以下代码.当我在Android和PC上运行我的页面(chrome)时,代码工作正常,我得到了正确的javascript alert();但是当我在iPhone或iPad等ios设备上运行相同的页面时,我什么都没得到(根本没有alert()) .
这是我的代码:
navigator.getUserMedia = ( navigator.getUserMedia || // use the proper vendor prefix
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia);
navigator.getUserMedia({video: true}, function() {
alert('camera is supported in your browser');
}, function() {
alert('camera is not supported in your browser!');
});
Run Code Online (Sandbox Code Playgroud)
有什么我想念的吗?
任何帮助,将不胜感激.
编辑:如何在iOS11主屏幕Web应用程序上访问相机的副本?
使用Apple Web应用程序以及通过getUserMedia API进行摄像头访问时遇到了问题。
我有一些可以通过野生动物园访问的应用程序运行正常,它要求允许使用相机,并且在获得批准后可以看到相机供稿。但是,如果我将同一页面另存为网络应用程序到主屏幕,则此功能将不再起作用。没有提示访问摄像机的提示,这似乎是问题所在,因为默认情况下未启用它。
出现问题的行是一个meta标签,该标签可为iOS上的Web应用程序提供全屏显示。
<meta name="apple-mobile-web-app-capable" content="yes">
Run Code Online (Sandbox Code Playgroud)
有人知道这里发生了什么,为什么会失败?我是否还需要通过meta标签设置摄像机权限?
提前致谢!