将您的网络摄像头流到JavaScript中的浏览器

歌剧12：W3C多媒体流API支持的先驱

> Opera软件的版本12版本标志着一个重要的里程碑，这是支持W3C的多媒体流API（也称为Getusermedia API）的第一个主要浏览器。此API可以将相机和麦克风输入的流传输直接传输到浏览器窗口，通常用作src>元素的<video></video>属性。 鉴于API的草案状态和不断发展的性质，本文提供了基础概述。 随着API的成熟并获得更广泛的支持，我们将扩展这一点。

>

验证API支持

>当前，Opera仍然是具有流API支持的唯一浏览器。 因此，在实施之前检查API可用性至关重要。以下功能通过检查navigator>对象的getUserMedia()方法来确认支持：

>

function isStreamSupported() {
  return !!navigator.getUserMedia;
}

>使用getUserMedia()方法

navigator.getUserMedia()方法提供了对流API的访问。 但是，需要明确的用户权限。 打电话getUserMedia()后，Opera显示同意对话框。

>

语法如下：它接受两个强制性参数和一个可选的第三个。 “约束”对象指定了请求的媒体流（视频和/或音频）。 成功访问时执行getUserMedia()>接收媒体流对象。 successCallback（可选）处理故障（例如，用户拒绝）。 errorCallback

与

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

元素集成

<video>这个示例演示了流摄像头输入到HTML

元素，包括播放，暂停和停止控件。

变量请求音频和视频。 （如果在Opera上可用，则可以在此处链接实时版本。）<video>> constraints

常见问题（常见问题解答）

<title>getUserMedia Example</title>
<meta charset="UTF-8">
<button id="play">Play</button>
<button id="pause">Pause</button>
<button id="stop">Stop</button>
<br><br>
<video id="camera"></video>

<🎜>

>本节解决了有关JavaScript中网络摄像头流的常见问题，涵盖了安全性，故障排除，多浏览器流，分辨率调整，延迟减少，记录，错误处理，音频/视频集成，性能优化和过滤器应用程序。 （此处包括原始文本的详细答案）。

以上是将您的网络摄像头流到JavaScript中的浏览器的详细内容。更多信息请关注PHP中文网其他相关文章！