html读取yuv,WebRTC 使用之 —— 使用 getUserMedia 获取视频流

我们都知道 WebRTC 可以用来进行实时的音视频处理，那么第一步肯定是要获取本地的音视频流，在 WebRTC 中获取本地的音视频流，需要用到 API：getUserMedia。

本节教程就叫你如何使用 getUserMedia 来获取本地的音视频流。

创建工程

创建如下的工程：

一个 index.html + 一个main.js。

在 html 中添加 video

因为要显示视频，所以要在 html 中添加一个 video，如下：

复制代码

然后在加一个 showVideo 的按钮，意思是按了这个按钮之后，在调用摄像头显示视频，代码如下：

Open camera

复制代码

效果为：

给 showVideo 添加事件

下来在 main.js 里添加代码，首先是获取 showVideo 的按钮，为其添加点击的事件监听：

document.q