WebRTC实现多人通话-Mesh架构【保姆级源码教程】

一、Mesh架构

WebRTC(Web Real-Time Communications)中的Mesh架构是一种将多个终端之间两两进行连接,形成网状结构的通信模式。以下是关于WebRTC的Mesh架构的详细解释:

  1. 基本概念:在Mesh架构中,每个参与者(或称为peer)都需要与其他所有参与者建立直接的媒体连接。例如,如果有A、B、C、D四个参与者,那么A需要分别与B、C、D建立连接,B也需要分别与A、C、D建立连接,以此类推。
  2. 带宽需求:在Mesh架构中,每个参与者都需要将自己的音视频流发送给其他所有参与者,同时也需要从其他参与者那里接收音视频流。因此,对于每个参与者来说,带宽需求会随着参与者数量的增加而线性增长。例如,如果每个音视频流占用1M带宽,那么每个参与者需要向其他三个参与者发送数据,总共需要3M上行带宽,同时从其他三个参与者接收数据,也需要3M下行带宽,即每个参与者总共需要6M上下行带宽。
  3. 优点:Mesh架构不需要服务器中转数据,充分利用了客户端的带宽资源,节省了服务器资源。此外,由于所有参与者都直接相连,因此网络延迟较低,实时性较好。
  4. 缺点:Mesh架构的缺点主要在于带宽消耗和客户端资源占用。由于每个参与者都需要与其他所有参与者建立连接,因此带宽消耗会随着参与者数量的增加而急剧增长。此外,为了建立和管理这些连接,客户端也需要消耗大量的系统资源。另外,由于要向其他所有参与者发送数据,因此在同等带宽条件下,支持的多人通话路数就相对有限,视频质量(码率)也比较低。
  5. 适用场景:Mesh架构比较适合网络状况较好、人数较少(如3-4人)的小型会议场景。在大型会议或网络状况较差的情况下,可能需要考虑其他架构(如MCU或SFU)来优化性能和带宽使用。

总的来说,WebRTC的Mesh架构是一种直接、简单的通信模式,适用于小型、实时性要求较高的场景。但在大型会议或网络状况较差的情况下,可能需要考虑其他更复杂的架构来优化性能和带宽使用。

二、设计

如果你已经能熟练掌握1V1通话(http://t.csdnimg.cn/P8n3x),那么设计Mesh构架的多人通话将十分简单。下面我将逐步分析多人通话的整个“握手”过程。

以A、B、C、D四人通话为例。
在这里插入图片描述

  1. A发起offer,A、B、C、D分别创建3个RTCPeerConnection实例,A分别与B、C、D协商,协商成功后A页面有1个localVideo与3个remoteVideo,实现多人通话。
  2. A发起offer后,B、C、D仅与A协商,B、C、D页面分别有1个localVideo与1个remoteVideo,仅仅实现了单人通话。
  3. A发起offer后,B发起offer,A与B已经通话跳过协商,B与C、D协商,此时B页面有1个localVideo与3个remoteVideo,实现多人通话。
  4. A发起offer后,B发起offer后,C、D分别有1个localVideo与2个remoteVideo,未实现与所有人通话。
  5. A发起offer后,B发起offer后,C(或D)发起offer,C跳过已经建立的A、B协商,仅仅与D协商,最终A、B、C、D都实现了对话房间的所有人通话。

以上过程4个用户供发起了3次(n-1)次offer,共协商了6次(n*(n-1)/2)。

三、实现

  1. 根据对话房间人数动态创建RTCPeerConnection实例与remoteVideo。
  2. 对端用户ID分别与RTCPeerConnection、remoteVideo建立映射。
  3. 信令服务器跳过已经建立通话的offer。

多人通话效果见下图:
在这里插入图片描述

需要源码与教学的请私信我(* ̄︶ ̄)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/671772.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html实现网页插入音频

前言 欢迎来到我的博客 个人主页:北岭敲键盘的荒漠猫-CSDN博客 本文主要介绍html中 如何插入音乐和视频 视频插入 标签:<video></video> 兼容格式:mp4,因为别的浏览器都有不兼容的格式&#xff0c;唯一对mp4全都兼容。所以尽量使用mp4格式。 属性: 属性属性值…

学生管理系统初级

根据题目要求生成大纲 总结: 1.在书写时&#xff0c;考虑到了书写时id可是是abc... 类型是String&#xff0c;但在根据id获取集合中元素时 list.get() &#xff0c;get&#xff08;&#xff09;里面是int类型。 2.在书写还有一点功能并不完全&#xff0c; 2.1查找时是打印所有…

Open CASCADE学习|三重正交标架法则

三重正交标架&#xff08;Trihedron&#xff09; 定义:三重正交标架是在三维空间中定义的一个坐标系&#xff0c;由三个互相垂直的向量构成。这些向量分别是&#xff1a; 切线向量&#xff08;Tangent Vector&#xff09; - 表示曲线在某一特定点处的切线方向。 主法线向量&…

代码随想录算法训练营第十三天:树的认知(补五一)

代码随想录算法训练营第十三天&#xff1a;树的认知&#xff08;补五一&#xff09; ‍ 二叉树的递归遍历 #算法公开课 《代码随想录》算法视频公开课 ****(opens new window)****​ &#xff1a;​每次写递归都要靠直觉&#xff1f; 这次带你学透二叉树的递归遍历&#xf…

cmake进阶:文件操作之写文件

一. 简介 cmake 提供了 file() 命令可对文件进行一系列操作&#xff0c;譬如读写文件、删除文件、文件重命名、拷贝文件、创建目录等等。 接下来 学习这个功能强大的 file() 命令。 本文学习 CMakeLists.txt语法中写文件操作。 二. cmake进阶&#xff1a;文件操作之写文件…

基于家政小程序的个性化家政服务研究

基于家政小程序的个性化家政服务研究&#xff0c;是近年来随着移动互联网技术的快速发展和人们生活品质的提高而兴起的一个热门话题。以下是对该领域的研究探讨&#xff1a; 一、引言 随着现代生活节奏的加快&#xff0c;家政服务已成为越来越多家庭不可或缺的一部分。然而&a…

​​【收录 Hello 算法】3.3 数字编码

目录 3.3 数字编码 3.3.1 原码、反码和补码 3.3.2 浮点数编码 3.3 数字编码 Tip 在本书中&#xff0c;标题带有 * 符号的是选读章节。如果你时间有限或感到理解困难&#xff0c;可以先跳过&#xff0c;等学完必读章节后再单独攻克。 3.3.1 原码、反码和补码 在…

BetterMouse for Mac激活版:鼠标增强软件

BetterMouse for Mac是一款鼠标增强软件&#xff0c;旨在取代笨重的、侵入性的和耗费资源的鼠标驱动程序&#xff0c;如罗技选项。它功能丰富&#xff0c;重量轻&#xff0c;效率优化&#xff0c;而且完全隐私安全&#xff0c;试图满足你在MacOS上使用第三方鼠标的所有需求。 B…

Dell EMC Storage Unity: Remove/Install Memory Module

SP A 一个内存故障 点击system view -> Enclosures->Top查看 再次查看Alert&#xff0c; 确认内存出现问题 进入Service &#xff0c; 将SP A置为service状态 移出SP A &#xff0c;进行内存更换 更换完内存后&#xff0c;将SP A插入设备&#xff0c;并进行线缆连接 进入…

视频素材哪个软件好用?8个短视频素材高清无水印

在今日这个视觉表现至关重要的时代&#xff0c;获取合适的视频素材成为制作任何类型视频内容的基石。从企业宣传片到社交媒体短视频&#xff0c;高质量的视频素材能够显著提升内容的吸引力和专业度。这里列出了一些全球顶尖的视频素材平台&#xff0c;每一个都能为您的视频项目…

微信小程序miniprogram_npm目录主包太大如何处理

在使用TDesign开发小程序&#xff0c;miniprogram_npm目录下很多组件&#xff0c;感觉很多组件我都没引用&#xff0c;为什么都在主包来&#xff0c;导致主包很大。如何优化&#xff1f; 在使用npm构建后生成的miniprogram_npm目录里&#xff0c;有所有TDesign组件。但是有很…

低功耗UPF设计的经典案列分享

案例1 分享个例子&#xff0c;景芯A72低功耗设计&#xff0c;DBG domain的isolation为何用VDDS_maia_noncpu供电而不是TOP的VDD&#xff1f; 答&#xff1a;因为dbg的上一级是noncpu&#xff0c;noncpu下面分成dbg和两个tbnk。 案例2 景芯A72的低功耗&#xff0c;请问&#…