【音视频】基于webrtc的聊天室的设计

目录

术语

webrtc建连流程

系统整体架构

信令服务器房间状态管理

用户加入房间流程

用户加入房间并推流:

其他用户订阅此用户流

用户加入房间并订阅房间其他所有用户

用户退出房间流程

平行集群模式​编辑

[第一阶段demo 设计](#第一阶段demo 设计)

参考文章


本想自己画一遍的,发现参考的文章 里所述,涵盖了自己想表达的,也就不重复画了

术语

  • sdp: 在webrtc握手建连时用于描述webrtc会话的文本信息,包含音视频编解码信息、传输方式、加解密等信息。
  • offer sdp: webrtc建连时主动呼叫方的sdp,一般包含多种编解码方案选项。
  • answer sdp: webrtc建连时被动应答方的sdp,应答方选择优先的编解码信息并返回呼叫方

webrtc建连流程

系统整体架构

系统主要组成部分

  • Client: webrtc客户端,支持web/ios/android等形态。
  • MediaServer: 媒体服务器,负责直播流的发布订阅转发转存。
  • SignalServer: 信令服务器,负责videoroom房间状态维护,用户加入退出消息广播。
  • 用户/业务系统: 用户实现用户鉴权、房间控制等业务逻辑。

信令服务器房间状态管理

用户加入房间流程

用户加入房间并推流:

其他用户订阅此用户流

用户加入房间并订阅房间其他所有用户

用户退出房间流程

平行集群模式

第一阶段demo 设计

参考文章

链接:https://www.jianshu.com/p/eb36cfed77ff

相关推荐
周胡杰14 分钟前
鸿蒙接入flutter环境变量配置windows-命令行或者手动配置-到项目的创建-运行demo项目
javascript·windows·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
LuckyLay1 小时前
React百日学习计划——Deepseek版
前端·学习·react.js
gxn_mmf1 小时前
典籍知识问答重新生成和消息修改Bug修改
前端·bug
hj10431 小时前
【fastadmin开发实战】在前端页面中使用bootstraptable以及表格中实现文件上传
前端
乌夷1 小时前
axios结合AbortController取消文件上传
开发语言·前端·javascript
科技小E2 小时前
WebRTC技术EasyRTC嵌入式音视频通信SDK打造远程实时视频通话监控巡检解决方案
人工智能·音视频
晓晓莺歌2 小时前
图片的require问题
前端
码农黛兮_462 小时前
CSS3 基础知识、原理及与CSS的区别
前端·css·css3
水银嘻嘻3 小时前
web 自动化之 Unittest 四大组件
运维·前端·自动化
(((φ(◎ロ◎;)φ)))牵丝戏安3 小时前
根据输入的数据渲染柱形图
前端·css·css3·js