如何从 HTML5 访问网络摄像头？ [关闭]答案

【问题标题】：How to access webcam from HTML5? [closed]如何从 HTML5 访问网络摄像头？ [关闭]
【发布时间】：2011-08-16 06:09:52
【问题描述】：

我想从 HTML5 访问网络摄像头以注册并保存视频文件，以便稍后播放。这可能吗？

【问题讨论】：

Here's another SO answer 提供一些可能有用的资源。
您可以为 Chrome 和 Opera 执行此操作，但您必须指导您的用户，因为它还不是很安全。这里是一个网上的例子，它仍然需要chrome用户在chrome://flags/中激活MediaStream：neave.com/webcam/html5
现在可以实现了：Filtering a webcam using getUserMedia and HTML5 Canvas.

【解决方案1】：

显然，<device> 标签不是 HTML5 规范的一部分，因此目前没有从浏览器访问网络摄像头的标准方法。您可能可以使用 JavaScript API navigator.getUserMedia(...)，但 that isn't supported by any browsers, either

你可以在这里阅读：Which web browsers support the HTML5 <device> tag?

【讨论】：

【解决方案2】：

我最近在做类似的研究，发现了一个工作演示：http://gadgets-code.com/taking-webcam-photo-with-opera-browser-new-technology

它需要安装 Opera 的实验版本：http://snapshot.opera.com/labs/camera-and-pages/

黑客愉快！

更新 [2012 年 5 月 20 日]：

http://www.webrtc.org/running-the-demos - WebRTC - GoogleChromeCanary - about://flags - enableMediaStream + PeerConnection :) 我推荐 - Jerome Etienne 的博客 - http://learningthreejs.com/

更新 [2012 年 9 月 13 日]：

在 Chrome 21 中默认启用 WebRTC（几周前引入的更改）

更新 [2014 年 7 月 2 日]：

WebRTC 是主流/巨大的：http://youtu.be/GBAEG_RuqeE?t=50m1s（Google Hangouts、Amazon Mayday、Snapchat）

【讨论】：