我正在尝试构建一个Web应用程序,允许用户在iPad上使用内置摄像头拍摄自己的照片或视频,然后将其发布到Facebook.到目前为止,我getUserMedia()在Safari for iOS 6或Chrome应用程序中进行测试时没有运气.
此信息图表显示Safari不支持iOS 6但它应该与Chrome一起使用,不是吗?
任何帮助将非常感激.
目前,移动Safari从相机(或照片卷)获取图像的唯一方法是使用输入元素.这很简单:
<input id="image-picker" type="file" accept="image/*" />
Run Code Online (Sandbox Code Playgroud)
然后在js:
$("#image-picker").change( function (event) {
var files = event.target.files;
if (files.length>0) {
// Do something with files[0]
}
});
Run Code Online (Sandbox Code Playgroud)
iOS 版 Chrome 使用相同的方法/视图来显示和解释 HTML,但一些特定于 Safari 的优化除外。如果 Safari 不支持getUserMedia(),那么 Chrome 也无法支持它,除非他们为 iOS 构建自己的 WebKit 端口,即便如此,这也可能是一个延伸。您所需要的功能可能可以通过其他方式获得,但不能使用getUserMedia().