2.9 示例

我们通过一个示例展示WebRTC如何与canvas结合,实现虚拟场景,本例从摄像头实时采集视频画面,并将视频中的白色背景替换成指定的图片,最后生成一个媒体流并展示出来,该媒体流同样可以通过WebRTC传输给对等端。

本例的GitHub地址为https://github.com/wistingcn/dove-into-webrtc/tree/master/chroma-keying。

运行效果如图2-1所示。

055-01

图2-1 运行效果