我们都知道 WebRTC 可以用来进行实时的音视频处理,那么第一步肯定是要获取本地的音视频流,在 WebRTC 中获取本地的音视频流,需要用到 API:getUserMedia。
本节教程就叫你如何使用 getUserMedia 来获取本地的音视频流。
创建工程
创建如下的工程:
一个 index.html + 一个main.js。
在 html 中添加 video
因为要显示视频,所以要在 html 中添加一个 video,如下:
复制代码
然后在加一个 showVideo 的按钮,意思是按了这个按钮之后,在调用摄像头显示视频,代码如下:
Open camera
复制代码
效果为:
给 showVideo 添加事件
下来在 main.js 里添加代码,首先是获取 showVideo 的按钮,为其添加点击的事件监听:
document.q