WebRTC直播技术-ICE/STUN/TURN
toqiye 2025-01-19 00:25 493 浏览 0 评论
要掌握WebRTC连接建立过程，需要掌握几个知识点： NAT, ICE, STUN, TURN, DTLS等。如果之前有接触过P2P相关技术的同学可能就会比较容易理解。WebRTC是一个基于浏览器与浏览器之间的实时音视频通话方案，那么由于公网ip地址有限的问题，用户的浏览器常常位于NAT后，那么建立连接就涉及到了打洞技术。
NAT
由于当前使用的IPV4地址的长度限制只有32位，大多数终端都没有一个可以在互联网上可见的唯一IPV4地址。NAT是作为一种解决IPv4地址短缺以避免保留IP地址困难的方案，在IP数据包通过路由器或防火墙时重写来源IP地址或目的IP地址。
STUN
为了进行P2P通信，会话参与双方都需要知道其对等端的IP地址和指定的UDP端口。因此，在WebRTC通信建立之前，需要进行一定数量的信息交换。
每个对等端需要使用一个STUN服务器来探测他们的公共IP地址，这个IP在连接建立的时候会被ICE框架所引用。STUN服务器是通常是可公开访问的，WebRTC应用可以自由访问。
TURN
TURN服务指的是中继型NAT遍历服务器，其地址是一个公共ip地址，用于转发数据包给对端浏览器。当2个对等端因为NAT类型而无法建立连接时(当遇到对称型NAT会导致打洞失败)，才需要使用中继服务器。
ICE: 交互式连接建立（Interactive Connectivity Establishment）
ICE是一种标准穿透协议，利用STUN和TURN服务器来帮助端点建立连接。WebRTC当通过信令server交换完sdp, candidate后，之后依靠ICE框架在2端之间建立一个通道。
ICE的过程主要分为5步：
1, 收集候选传输地址
2, 在信令通道中交换候选选项
3, 执行连接检查
4, 选择选定的对并启动媒体
5, 心跳检测
候选传输地址
候选地址是后续可用于接收媒体以建立对等连接对ip地址和端口。地址是ICE自动通过在主机网卡，STUN服务或中继服务，对端STUN请求包获取。 ICE候选地址类型:
交换候选项
各端将手机到对候选地址通过信令通道交换，一旦交换后就会对他们进行排序，优先级排序依次是：主机候选地址>反射地址>中继后选项。接着对本地对候选项跟接收到的候选进行匹配成对。
STUN连接检查
当某一端的ICE代理接收到了候选项并排序匹配成对后，就开始进行连通行检查。
连通性检查就说通过对端ip端口发送STUN binding quest包以及是否接收到返回对STUN binding response包来确认。
当其中一对候选地址检测通过后，即选定该地址对。 2个浏览器即用选定对候选对地址发送媒体。
当连通性检测完成后，WebRTC会开启DTLS握手，用于协商出SRTP中加密RTP包的对称秘钥。该过程称为DTLS-SRTP，保证了数据传输的安全性。至此，WebRTC的连接正在建立并可传输数据。
相关推荐
- Star 17.3k!给它一张屏幕截图，即可一键克隆网页!
-
本文为大家分享一款本周爆火的GPT开源项目。前言你敢信，只凭借着一张屏幕截图即可转换生成HTML/TailwindCSS代码。可以算得上是前端工程师的福音。它就是screenshot-to-...
- AI从截图直接生成代码、前端程序员的福利!
-
简介项目可以将任何屏幕截图或设计转换为干净的代码（支持大多数框架）。来自领先公司的开发人员和设计师使用的排名第一的工具。完全开源，在GitHub上拥有超过35,000颗星。非常受欢迎。各位小伙...
- 一款高颜值、跨平台、自托管的免费开源CRM项目——Twenty
-
前言大家好，这里是可爱的Cherry。作为一个“甲方”，Cherry其实挺知道客户管理的重要的。但是对于客户管理怎么做，以及CRM的作用，我却是一无所知。之前有朋友在评论区留言，说有没有开源的CRM系...
- 解放双手，前端界面再也不用自己写了?
-
随着AI技术的发展，现在有越来越多的尝试将AI应用于UI设计和开发中，以期提高效率和降低成本。今天就给大家介绍一个开源的AI网页生成工具：OpenUIOpenUIOpenUI是一个创...
- 代码调试，教给你（代码调试是什么意思）
-
昨天我和一些朋友一起调试代码，他们做程序员这一行都不太久，我向他们展示了一些代码调试技巧。今天早上我在想，我应该如何教授他们学习代码调试？我在Twitter上发了一条推文说，我从来没有见过任何好的调试...
- Screenshot-to-code:用屏幕截图生成代码
-
Screenshot-to-code是一个简单的工具，可使用AI将屏幕截图、模型和Figma设计转换为干净、实用的代码。现在支持ClaudeSonnet3.5和GPT-4o！Scre...
- next实现原理（next method）
-
Next.js是一个基于React的服务器端渲染（SSR）和静态生成（SSG）框架，它的实现原理涉及多个关键技术点，包括服务端渲染（SSR）、静态生成（SSG）、客户端渲染（CSR）、...
- 可逐步操作的具体流程（可逐步操作的具体流程包括）
-
假设你是一个单人开发者，使用主流技术栈（React+Node.js+MySQL），以下是详细步骤：---###**一、需求分析与原型设计**1.**核心功能清单**-用户能添加、删除、...
- 截图转代码只需1步!你离高效开发只差这款神器
-
引言在现代前端开发中，将设计稿转换为代码是一个既重要又耗时的环节。手动编写HTML结构、调试CSS样式、调整布局对齐，不仅耗费时间，还容易出错。而Screenshot-to-Code这款革...
- web开发 前端 后端（web开发前端后端）
-
区别：1、前端是指用户可见的界面，而后端是指用户看不到的东西，考虑底层业务逻辑的实现，平台的稳定性、性能等。2、前端开发用到的技术有HTML5、CSS3、JS、jQuery、Bootstrap、Nod...
- 手把手教你Dify私有化部署，打造专属AI平台
-
一、Dify是什么？Dify是一款极具创新性的开源LLM应用开发平台，它就像是一把万能钥匙，为开发者们打开了通往生成式AI应用开发新世界的大门。其融合了后端即服务（BackendasS...
- 前后端分离架构设计:提升开发效率与业务支撑力的密钥
-
前后端分离架构设计解析一、定义与核心思想前后端分离是一种将用户界面（前端）与业务逻辑（后端）解耦的架构模式，通过RESTfulAPI或GraphQL实现数据交互。前端专注于视图渲染与交互逻辑...
- Kubernetes最小部署单元Pod（kubernetes最小部署单元）
-
一、Kubernetes与Pod简介在当今云计算和容器化技术盛行的时代，Kubernetes已然成为容器编排领域的中流砥柱。它是一个开源的容器编排平台，由Google基于其内部使用的Bo...
- 【程序员必藏!零基础本地部署DeepSeek大模型保姆级教程】
-
为什么选择本地部署？数据安全：敏感代码/业务数据永不外传闪电响应：局域网推理延迟<100ms，告别云端排队深度定制：自由修改模型代码，打造专属AI助手准备工具（5分钟搞定）1核心工具下载...
- 【Python程序开发系列】使用Flask实现前后端分离(案例)
-
这是我的第398篇原创文章。一、引言随着web开发的不断发展，前后端分离已成为越来越流行的架构设计。Flask是一个轻量级的Pythonweb框架，非常适合用于构建API，然后配合前端框...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- minorgc (62)
- systemproperties (77)
- vue3-template-admin (63)
- electronsqlite3 (65)
- npm版本管理 (61)
- materialtheme (86)
- node-ssh (68)
- 图床搭建 (62)
- vue3addeventlistener (60)
- mybatisselectone (78)
- css圆形进度条 (69)
- androidble蓝牙开发 (62)
- android-gif-drawable (60)
- appender-ref (64)
- springbootmockito (68)
- 依赖注入的方式 (62)
- cookie跨域共享 (63)
- easyexcel导出图片 (77)
- dp数组 (61)
- js获取兄弟节点 (68)
- sysctl-a (60)
- window.target (62)
- apimodel注解的作用 (60)
- window.onerror (66)
- springmvc教程 (65)