与getUserMedia()

Question

目前，我正在尝试做一些非常简单的事情(实际上，我认为这很简单……)：，我想在一个网络应用程序中从网络摄像头上拍张照片。

我无意中发现了两种可能性：

1. HTML看起来非常简单：

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

2. JavaScript媒体流，看起来也很容易：

navigator.getUserMedia()

我的问题来了：

不适用于桌面浏览器，而JavaScript媒体流不适用于iOS。那我该吃哪一个呢？两者都有？将来会发展哪一种？哪一种是首选的方法？你喜欢哪一种？有什么缺点，在一个解决方案，我没有看到这样的费用(除了兼容性？)。

谢谢。

顺便说一句:我不是一个有经验的HTML/JavaScript开发人员，所以请客气点;)

Answer 1

移动浏览器

使用直接从摄像机捕获图像：

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

安卓(3.0+)将直接跳到摄像机前。下面是它将如何处理一些CSS样式：

​

​

iOS (6-10)仍然可以让您选择现有的照片，因为它不支持capture。详情请参见HTML媒体捕获的正确语法。

桌面浏览器

1. 访问摄像头:使用MediaStream API的getUserMedia

navigator.getUserMedia或新的基于navigator.mediaDevices.getUserMedia的承诺

1. 使用画布拍摄快照

大卫·沃尔什的例子涵盖桌面上的两个步骤。

Answer 2

这里是示例http://html5.by/blog/demo/image-capture-getusermedia/，这篇文章可以帮助您http://html5.by/blog/html5-image-capture-getusermedia-stream-api-mirror/在俄语中表示遗憾，但是示例正在工作，您可以检查代码+ google翻译:)

希望它能帮上忙