WebRTC 实时通信入门

WebRTC（Web Real-Time Communication）：RTCPeerConnection点对点连接、getUserMedia获取摄像头/麦克风、ICE Candidate( STUN/TURN) NAT穿透、DataChannel数据通道、视频会议应用架构 · 难度：入门 · +10XP

WebRTC —— 浏览器点对点实时通信

WebRTC让浏览器之间可以直接传输音视频和数据，不需要服务器中转。视频会议、屏幕共享都基于它。核心是RTCPeerConnection。

// 获取摄像头
const stream = await navigator.mediaDevices.getUserMedia({
  video: true, audio: true
});
document.querySelector('video').srcObject = stream;
// 屏幕共享
const screen = await navigator.mediaDevices.getDisplayMedia();
// P2P连接需要通过信令服务器交换SDP和ICE Candidate

动手练习

1. 基础练习：编写代码验证基本用法，在控制台观察结果。
2. 进阶应用：结合实际场景，用本课知识解决一个具体问题。
3. 项目实战：在现有项目中找到应用场景并动手实现。

接下来学什么？

掌握本课内容后，建议结合相关主题深入学习，在实际项目中加深理解。