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负责

相关推荐
runner365.git15 分钟前
如何使用RTCPilot--跨平台WebRTC开源服务
webrtc·音视频开发
惜茶2 小时前
vue+SpringBoot(前后端交互)
java·vue.js·spring boot
NHuan^_^4 小时前
SpringBoot3 整合 SpringAI 实现ai助手(记忆)
java·人工智能·spring boot
han_hanker5 小时前
springboot 一个请求的顺序解释
java·spring boot·后端
MaCa .BaKa5 小时前
44-校园二手交易系统(小程序)
java·spring boot·mysql·小程序·maven·intellij-idea·mybatis
希望永不加班5 小时前
SpringBoot 静态资源访问(图片/JS/CSS)配置详解
java·javascript·css·spring boot·后端
oh LAN6 小时前
RuoYi-Vue-master:Spring Boot 4.x (JDK 17+) (环境搭建)
java·vue.js·spring boot
runner365.git6 小时前
RTC实现VoiceAgent(二)
大模型·webrtc·实时音视频·voiceagent
秋风不问归客7 小时前
Springboot面试全面整理
spring boot·后端·面试
小旭952710 小时前
SpringBoot + 七牛云 + Quartz:图片存储与定时清理
java·spring boot·后端·mybatis