webrtc一对一视频通话功能实现

项目效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

实现原理

关于原理我就不做说明,直接看图
WebRTC建立的时序图
在这里插入图片描述
在这里插入图片描述

系统用例逻辑

在这里插入图片描述

搭建环境

turn服务器:Ubuntu24.04搭建turn服务器
mkcert的安装和使用:配置https访问
必须使用https协议,
查看建议
由于浏览器的安全策略导致的,目前本人翻阅到的文档,有下面三种情况是可以调起设备的,也就是navigator.mediaDevices不为undefined:

  1. 地址为localhost:// 访问时
  2. 地址为https:// 时
  3. 为文件访问file:///
    项目地址

后端代码特别提要

io.to

  • 作用:io.to 用于向特定房间或客户端发送消息。它适用于广播消息给某个房间里的所有客户端,或者向特定的客户端发送消息。
  • 适用场景:当你需要广播消息给房间内的所有连接时使用。也可以用来向特定的客户端发送消息,前提是你知道该客户端的 socket.id 或者房间的 ID。

socket.to

  • 作用:socket.to 也是用于向特定房间内的其他客户端发送消息,但不会向当前 socket 自己发送消息。
  • 适用场景:当你想发送消息给同一个房间内的所有客户端,但不包括自己时使用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值