用 JavaScript 将摄像头传输到浏览器

Opera Software 最近发布了其旗舰Web浏览器的版本12 。 随着最新版本的发布，Opera成为第一个开始支持 W3C的Multimedia Stream API 的主要浏览器 。 Stream API，也称为getUserMedia API，允许将用户的相机和麦克风输入流式传输到浏览器窗口。 流传递到浏览器后，通常用作

检测支持

当前，Opera是唯一支持Stream API的浏览器。 因此，绝对有必要在尝试使用API​​之前先对其进行检测。 以下函数通过检查导航器对象的getUserMedia（）方法是否存在来检测流支持。

function isStreamSupported() {
  if (navigator.getUserMedia)
    return true;
  else
    return false;
}

getUserMedia（）方法

可通过navigator.getUserMedia（）方法访问Stream API。 但是，在可以访问任何多媒体流之前，用户必须向浏览器授予明确的权限。 调用getUserMedia（）时，Opera使用以下对话框接收用户的同意。

getUserMedia（）的语法如下所示。 该方法具有两个强制性参数和一个可选的第三个参数。 第一个参数“ constraints”是一个对象，它指定浏览器请求哪些媒体流（即视频和/或音频）。 第二个参数“ successCallback”是一个回调函数，如果getUserMedia（）成功，则执行该回调函数。 生成的媒体流对象作为唯一参数传递给“ successCallback”。 可选的第三个参数“ errorCallback”是在getUserMedia（）失败时执行的回调函数。 例如，如果用户不同意浏览器访问多媒体流，则会发生故障。

navigator.getUserMedia( constraints, successCallback[, errorCallback] )

流到

以下示例显示如何使用getUserMedia（）将摄像机流直接发送到HTML

  
  
  


  Play
  Pause
  Stop
  

  

原文链接: https://www.sitepoint.com/stream-your-webcam-to-a-browser-in-javascript/