Day03 WebRTC 架构

WebRTC整体架构图取自官网如下

https://ithelp.ithome.com.tw/upload/images/20210917/20130062B9mqok6j5a.png

https://webrtc.github.io/webrtc-org/architecture/#

  1. 上方三个箭头 Your web app ,是我们基於浏览器提供的 API 开发的程序,如视讯会议、远距教学、视讯通话、游戏直播、互动游戏、人脸辨识等等应用。

  2. 紫色方框 Web API ,面向第三方开发者的WebRTC标准API(Javascript),使开发者能够更容易开发出类似於网路视讯聊天的web应用,最新的标准可以参考 W3C 的 WebRTC 的文档
    常用的三个 API :
    1. MediaStream:媒体流,如音讯、视讯等。
    2. RTCPeerConnection:建立连线、监控、加密等。
    3. RTCDataChannel:传输非音视讯的资料,如文字、图片等。

    还有提供非常多的 API 可以参考 传送门

  3. 蓝色实线的框 WebRTC Native C++ API ,使浏览器厂商容易实现WebRTC标准的Web API,抽象地对数位讯号过程进行处理。

  4. Session management / Abstract signaling (Session) 是一个抽象的会话管理层,提供会话建立和管理功能。这一层协议留给应用的开发者自己实现,比如 Signaling Server的 SDP协议等。

  5. Transport 为 WebRTC 的传输层,涉及音视讯的发送、接受、NAT打动等技术,可以透过 STUNE 和 ICE 来建立不同类型网路间的连线。

  6. VoiceEngine 音讯引擎,包含多种音讯处理的框架,包括从音讯采集到网路传输端等整个解决方案。

  7. VideoEngine 是 WebRTC 视频处理引擎,包含多种视频处理的整体框架,从摄影机采集视讯到视讯网络传输过程再到视讯的显示,是一个完整的解决方案。

总结

了解了 WebRTC 的完整架构後,下一篇我们看看 WebRTC 是如何使两个不同网路环境的设备,进行点对点的通讯。


<<:  [Day4] Face Detection - 使用Google Cloud Vision API

>>:  [02] 建立服务器

用React刻自己的投资Dashboard Day30 - 股票代号输入防呆机制

tags: 2021铁人赛 React 股票代号输入错误当机问题 Day28的文章有提到,当使用者想...

课堂笔记 - 深度学习 Deep Learning (16)

刚刚是一笔一笔资料带进去慢慢算出来,有另一种方式可以以次把资料全部带入并直接输出结果>>...

【Day13】运算子(Operator)

运算子主要是利用符号或单词,来运算前後的值并回传结果 范例: 我们到 Chrome 浏览器的 Con...

C 信号管道SIGPIPE问题

最近设计一个回圈收发电文 步骤大概为 1.与公司主机建立连线 2.收取公司电文讯息 3.发出自建电文...

Web基础篇

先宣传一下我的新书,终於出来惹,感动到无法言语>"< 还请大家多多支持! We...