1. WebRTC初探：什么是WebRTC、发展历史、核心优势、典型应用场景
大家好，我是你们这门课的主讲。今天咱们来聊聊WebRTC——这个让浏览器也能做实时音视频通信的神奇技术。
先问大家一个问题：十年前，你想在网页上跟朋友视频聊天，得装什么？Flash插件、ActiveX控件，还得折腾一堆配置。现在呢？打开浏览器，点个链接，直接就能通话。这背后，就是WebRTC在发力。
1.1 什么是WebRTC
WebRTC，全称Web Real-Time Communication，网页实时通信。说白了，就是让浏览器之间能直接传音频、视频和数据，不需要中间服务器转发媒体流。
我刚开始接触这个技术时，也觉得挺神奇的。你想想看，两个浏览器，一个在北京，一个在纽约，它们能直接建立P2P连接，互相传视频流。这在以前，得靠专门的流媒体服务器才能做到。
WebRTC的核心能力有三块：
- 音视频采集：通过getUserMedia API，直接调用摄像头和麦克风
- P2P连接：通过ICE、STUN、TURN协议，穿透NAT和防火墙
- 媒体传输：使用SRTP/SCTP协议，保证音视频的实时性和质量
核心要点：WebRTC不是单个API，而是一整套协议栈+API的集合。它把复杂的实时通信技术封装成了几个简单的JavaScript接口。
1.2 WebRTC发展历史
WebRTC的故事，得从2010年说起。
那年，Google收购了Global IP Solutions（GIPS）公司。GIPS是做VoIP和视频会议技术的，手上有不少好东西——比如降噪算法、回声消除、编解码器。Google买下GIPS后，把这些技术开源了，这就是WebRTC的雏形。
我记得2011年，Chrome率先支持了WebRTC的早期版本。那时候API还不稳定，今天写的代码，下个月可能就废了。但大家都很兴奋——终于能在浏览器里做实时通信了。
2013年，W3C和IETF开始把WebRTC标准化。这个过程挺漫长的，因为涉及的东西太多：JavaScript API、媒体协议、数据通道、安全机制……各方利益也不一样，吵了好几年。
到2017年，WebRTC 1.0规范基本稳定了。现在所有主流浏览器（Chrome、Firefox、Safari、Edge）都支持WebRTC，连移动端的微信和抖音也在用。
| 时间 | 事件 |
|---|---|
| 2010年 | Google收购GIPS，获得核心音视频技术 |
| 2011年 | Chrome首次实验性支持WebRTC |
| 2013年 | W3C和IETF启动WebRTC标准化 |
| 2017年 | WebRTC 1.0规范发布 |
| 2020年 | WebRTC成为W3C推荐标准 |
1.3 WebRTC核心优势
为什么WebRTC能火？我总结了几点：
第一，免插件。 这是最直观的优势。用户不用装任何东西，打开浏览器就能用。我做过一个项目，客户要求支持IE11，还得用ActiveX控件……那体验，简直噩梦。WebRTC彻底解决了这个问题。
第二，P2P架构。 媒体流直接在客户端之间传输，不经过服务器。这能省下大量带宽成本。你想想看，一个视频会议，如果所有流都经过服务器中转，那服务器得扛多大的压力？
第三，内置安全机制。 WebRTC强制使用DTLS加密和SRTP加密。也就是说，你的音视频数据在传输过程中是加密的，别人截获了也看不懂。嗯，这里要注意：虽然WebRTC本身是安全的，但信令通道需要你自己保证安全。
第四，跨平台。 一套代码，跑在Windows、macOS、Linux、Android、iOS上。我曾在项目中同时适配了Web端和移动端，核心逻辑几乎没改，只是UI层做了调整。
第五，开源且免费。 WebRTC是开源的，没有授权费。你可以在它的基础上做二次开发，也可以直接使用浏览器内置的实现。
个人经验：WebRTC的P2P连接成功率其实不是100%。有些网络环境（比如对称NAT、企业防火墙）会导致直连失败。这时候就需要TURN服务器做中继。我建议你在设计系统时，一定要预留TURN方案。
1.4 WebRTC典型应用场景
WebRTC的应用场景，比你想象的要多。
视频会议：这是最常见的场景。Zoom、Google Meet、腾讯会议，底层都在用WebRTC。我参与过一个教育类的视频会议项目，最多支持50人同时在线，用的是WebRTC的Simulcast技术——根据每个用户的带宽，动态调整视频分辨率。
在线教育：老师讲课、学生提问、屏幕共享、白板互动……这些功能WebRTC都能搞定。特别是屏幕共享，用getDisplayMedia API就能实现。
远程医疗：医生和患者视频问诊，需要高清、低延迟的音视频传输。WebRTC的延迟可以控制在200ms以内，完全满足需求。
直播连麦：主播和观众连麦互动，或者主播之间PK。WebRTC的延迟比传统RTMP直播低得多，能做到1秒以内。
IoT设备：智能摄像头、门铃、机器人……这些设备通过WebRTC跟手机或电脑通信。我做过一个智能门铃项目，访客按门铃，手机端直接弹出视频通话请求，用的就是WebRTC。
游戏语音：很多网页游戏用WebRTC做实时语音聊天。DataChannel可以传游戏状态数据，延迟很低。
避坑指南：我曾经在一个直播项目中，直接用WebRTC做万人直播，结果服务器扛不住了。后来才明白，WebRTC的P2P架构不适合大规模直播。正确的做法是：用WebRTC做推流，然后用CDN分发。或者用SFU（Selective Forwarding Unit）架构，只转发必要的流。
1.5 WebRTC知识体系总览
下面这张图，是我梳理的WebRTC核心知识体系。你可以把它当成整个课程的地图。
这张图展示了WebRTC的三大核心模块：媒体采集、P2P连接、数据传输。每个模块下面又有具体的子技术。后面的课程，我们会逐一深入讲解。
好了，第一章的内容就到这里。WebRTC的世界很大，咱们慢慢探索。
公众号:蓝海资料掘金营，微信deep3321