WebRTC--流程

一些解释

1.WebRTC是浏览器内置的时时通信技术,能让网页直接实现音视频通话、数据传输

2.ICE是WebRTC中让不同网络下的设备能找到彼此的框架

3.STUN是帮助处于NAT(网络地址转换)后的设备(自己的电脑或手机),获取自己的公网IP+端口以及NAT设备的类型,从而让不用NAT后的设备都能找到彼此,建立点对点连接(P2P)

前置:

现在有两个设备A、B,A、B两个设备在不同的内网中,现在A、B是没法通信的,因为A知道B的IP和端口,但不知道自己的IP和端口,B也是一样的,B也不知道自己的IP和端口,但知道A的IP和端口,所以就需要一个STUN服务器

1.A向STUN服务器发送一次请求(请告诉我,你看到的我的IP和端口是多少),服务器就会记录下A的IP和端口,然后将信息返回给A,相当于一次查询(注意:这个源IP是公网IP),B也是一样的:

2.之后A、B通过websocket,把信息沟通一下,然后双方就可以通讯了

注:

(1)STUN服务器作用:帮助处于NAT(网络地址转换)后的设备(比如自己的电脑/手机),获取自己的公网IP+端口

(2)不止有STUN这一个服务器,还有用spring boot搭建的项目(项目是要部署在服务器上的):

3.要进行网络通讯,就要用到WebRTC技术,WebRTC是浏览器内置的,属于浏览器,主要可以实现音视频通话,但是它不支持让两个设备连接,所以要用到ICE(可以理解为WebRTC的子技术),而ICE又用到了STUN服务器

|--------------------------------------------------------------------------------------------------------------------------|
| WebRTC:浏览器原生支持的实时音视频通信技术,实现音视频采集、编码 ICE:是WebRTC中用于解决不同网络下的设备能够找到彼此 STUN服务器:帮助处于NAT(网络地址转换)后的设备(比如自己的电脑/手机),获取 自己的公网IP+端口 |

4.WebSocket是干什么用的

Websocket是配置在服务器端的,保证客户端与服务器端的长链接(不挂电话)(即能够实时通信)

Netty保证IO(输入输出)(通信的可靠性)

通讯流程

1.通讯第一步

A、B先在netty中进行注册,A、B要通讯,首先要在线,在线就是A设备不通过WebRTC,而是通过websocket保持的长链接将自己的信息在netty中进行注册,netty的作用是保证当前用户和IO(就是通道channel)有一个映射关系,B也是同理:

|--------------------------------------------------------------------------------------------------------------------------------------|
| A------>WebSocket连接------>Netty服务器(注册) B------>WebSocket连接------>Netty服务器(注册) 告诉所有人我上线了,不然A、B是通不了话的,他们都需要在map集合中,把自己的用户名和通道关系注册上 |

2.通讯第二步

注册好之后就可以进行通讯了,首先A发起呼叫

呼叫流程:

呼叫之前,A必须要先得到自己的信令,信令里面有自己的公网IP和端口,也就是先从STUN里拿到自己的公网IP和端口,然后通过websocket交给服务器,然后服务器把信令发给你想要呼叫的B:

呼叫

B得到A的信令之后也会把自己的信令发给A

这种时候就可以建立WebRTC连接了

信令交换:相当于"敲门+协商"------告诉对方"我要和你视频""我这边的音视频参数是什么""我的网络地址是什么",由 WebSocket+Netty 负责

协商完成后,直接在两个客户端之间传输音视频数据,不经过服务端中转(P2P),由WebRTC负责

相关推荐
空中海25 分钟前
Nacos 2: Spring Boot Demo 实战
java·spring boot·后端
阿丰资源32 分钟前
基于Spring Boot的美容院管理系统(附源码+数据库+文档)
数据库·spring boot·后端
JAVA面经实录91744 分钟前
Spring Boot + Spring AI 完整实战手册
人工智能·spring boot·spring·ai编程
北风toto44 分钟前
SpringBoot 获取配置文件值、获取环境变量的方式
java·spring boot·后端
凤山老林1 小时前
Spring Boot 集成国产开源图库 HugeGraph 实现图谱分析的技术方案
spring boot·后端·开源·hugegraph·图谱分析
架构源启1 小时前
2026 进阶篇:Spring Boot响应式编程 + Spring AI 1.1.4 流式实战 + Vue前端完整实现(避坑指南)
java·前端·vue.js·人工智能·spring boot·spring·ai编程
空中海1 小时前
第一篇:入门篇 — 认识 Spring Boot 与基础开发
java·spring boot·后端
Devin~Y2 小时前
大厂Java面试实录:Spring Boot/Cloud + Redis/Kafka + JWT + RAG/Agent(小Y翻车版)
java·spring boot·redis·spring cloud·kafka·spring security·jwt
xdscode2 小时前
Spring Boot Actuator 接入与运维实践指南
spring boot·后端·actuator
海兰2 小时前
【第22篇】Evaluation Example
人工智能·spring boot·log4j·alibaba·spring ai