通过浏览器访问摄像头

我们正在为手机创build一个HTML5网站,并且需要通过networking浏览器访问摄像头,而不是原生应用程序。 我们在iOS中做这个工作时遇到了麻烦。 有谁知道这个解决scheme吗?

你可以试试这个:

<input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput"> 

但它必须是iOS 6+的工作。 这会给你一个很好的对话,让你select要拍照还是从你的相册上传一个

Screenhot

一个例子可以在这里find: 捕获相机/图片数据没有PhoneGap

在iOS6中,Apple通过<input type="file">标签支持这一点。 我在苹果的开发者文档中找不到有用的链接,但这里有一个例子。

它看起来像覆盖,更高级的function尚不可用,但是这应该适用于很多用例。

编辑: W3C有一个规范,iOS6 Safari似乎实现了一个子集。 capture属性显着丢失。

截至2015年,它现在只是工作

 <input type="file"> 

这将要求用户上传任何文件。 在iOS 8.x上,这可以是照相机video,照相机照片或照片库中的照片/video。

iOS / iPhone照片/视频/文件上传

 <input type="file" accept="image/*"> 

这与上述相同,但限制了仅从相机或图库上传照片的上传,没有video。

我认为这个正在工作。 录制video或audio;

 <input type="file" accept="video/*;capture=camcorder"> <input type="file" accept="audio/*;capture=microphone"> 

或(新方法)

 <device type="media" onchange="update(this.data)"></device> <video autoplay></video> <script> function update(stream) { document.querySelector('video').src = stream.url; } </script> 

如果不是,可能会在ios6上工作,更多细节可以在获取用户媒体中find

Picup应用程序是一种从HTML5页面拍照并将其上传到服务器的方式。 它需要一些额外的编程在服务器上,但除了PhoneGap,我还没有find另一种方式。