【从头到脚】前端实现多人视频聊天— WebRTC 实战（多人篇）

  猛戳关注 前端发动机，嘿嘿嘿！

前言

这是 WebRTC 系列的第三篇文章，主要讲多人点对点连接。如果你对 WebRTC 还不太了解，推荐阅读我之前的文章。

•WebRTC 基础及 1 v 1 对等连接^[1]•WebRTC 实战之共享画板^[2]

文章仓库在 ?? fe-code^[3]，欢迎 star。

源码地址 webrtc-stream^[4]

线上预览 https://webrtc-stream-depaadjmes.now.sh

三种模式

简单介绍一下基于 WebRTC 的多人通信的几种架构模式。

•Mesh 架构

我们之前写过几个 1 v 1 的栗子，它们的连接模式如下：

这是典型的端到端对等连接，所以当我们要实现多人视频（实际上也就是多端通信）的时候，我们会很自然的想到在 1 v 1 的基础上扩充，给每个客户端创建多个 1 v 1 的对等连接：

这就是所谓的 Mesh 模式，不需要额外的服务器处理媒体数据（当然，信令服务器是不可少的），仅仅是基于 WebRTC 自身的点对点连接进行通信，本期的实例也是采用这种模式。

但是这种架构的缺点也是十分明显的ÿ