「回顾2022，展望2023，我正在参加2022年终总结征文大赛活动」

webRTC浅显易懂（一）

条件概要

最近接到前端组长的任务说让共享一篇关于前端技能的共享，说实话，假如不是为了API谁全体有那么多时刻陪你共享各种知识点?有些知识点乃至只是形式主义，彻底在生活或许作业中用不到，纯纯只是为了共享而共享，失去了技能共享会该有的样子，好了，仅仅只是一个小小的吐槽，正好我最近对webRTC技能比较感兴趣在经过不断的研讨下总结出几点，观点仅供参考，有不同意见的小伙伴欢饮指正批评！

背景

首要解释一下关于webRTC，或许有的小伙伴都没听过这个词，其实也没那么高大上，它便是一项实时通讯技能，它允许网络运用或许站点，在不借助中间前言的情况下，树立浏览器之间点对点（Peer-to-Peer）的连接，完成视频流和（或）音频流或许其他任意数据的传输。WebRTC 包括的这些标准运用户在无需装置任何插件或许第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据共享和电话会议成为或许。

开展前史

2010年5月，Google以6820万美元收买VoIP软件开发商Global IP Solutions的GIPS引擎，并改为名为“WebRTC”。WebRTC运用GIPS引擎，完成了根据网页的视频会议，并支撑722，PCM，ILBC，ISAC等编码，一起运用谷歌自家的VP8视频解码器；一起支撑RTP/SRTP传输等。

什么是WebRTC

从另一个角度来看，WebRTC 只是一个媒体引擎，上面有一个 JavaScript API，所以每个人都知道怎么运用它（虽然浏览器完成仍然各不相同）。

WebRTC，网页即时通讯（英语：Web Real-Time Communication），是直接在 Web 浏览器内驱动实时通讯（语音、视频和任意数据）方法的API。它于2011年6月1日开源并在Google、Mozilla、Opera支撑下被归入万维网联盟的W3C引荐标准，并于 2011 年标准化。谷歌开源的一款产品。

简略的说：WebRTC 是一种 HTML5标准，他无需在浏览器中装置任何插件能够在网页内进行实时通讯作业的开源技能，它直接在浏览器和设备之间添加实时媒体通讯。

到 2016 年，估量装置了 20 亿个能够与 WebRTC 一起作业的浏览器。从流量的角度来看，仅浏览器通讯就估量每周传输超过 10 亿分钟和 500 TB 的数据。

总结一下，便是谷歌开源的，跨平台的，首要用于浏览器之间的， 时时传输的，音视频引擎。

运用场景

以后开展趋势：

音视频实时互动

游戏、即时通讯、文件传输等等

他是一个百宝箱，传输，音视频处理（回音消除、降噪等）

WebRTC浏览器与终端兼容性

WebRTC 在所有现代浏览器中都可用。Google Chrome、Mozilla Firefox、Apple Safari 和 Microsoft Edge 都支撑它。也能够将其集成到运用程序或嵌入式设备中，而彻底不需要浏览器。

学习的难点

我的学习路线

WebRTC 怎么作业

WebRTC 是一个媒体引擎，上面有一个 JavaScript API，所以每个人都知道怎么运用它（虽然浏览器完成仍然各不相同）

（1）紫色部分是Web开发者API层；

（2）蓝色实线部分是面向浏览器厂商的API层

（3）蓝色虚线部分浏览器厂商能够自定义完成

Track 轨 MediaStream 流

webRTC重要类

MediaStream 获取的媒体流 RTCpeerConnection 传输的流 RTCDataChannel 非音视频数据

RTCpeerConnection调用进程

调用时序图

架构组件介绍

Your Web App

Web开发者开发的程序，Web开发者能够根据集成WebRTC的浏览器提供的web API开发根据视频、音频的实时通讯运用。

webRtc源码目录结构

参考资料：

webRTC介绍 baike.baidu.com/item/WebRTC…