01
WebRTC初探
什么是WebRTC · 发展历史 · 核心应用场景
概念科普
02
环境搭建
浏览器兼容检查 · 本地HTTPS服务器 · 第一个页面
Node.js工具
03
媒体流基础
MediaStream API · getUserMedia · 摄像头视频流
API视频
04
音频采集
音频约束详解 · 采样率/通道/回音消除 · 麦克风流
音频约束
05
视频约束
宽高/帧率/摄像头切换 · facingMode · 前后摄
视频切换
06
屏幕共享
getDisplayMedia · 约束与权限 · 录制屏幕
共享权限
07
媒体流控制
停止流 · 启用/禁用轨道 · 动态切换设备
控制设备
08
媒体流录制
MediaRecorder API · 录制音视频 · 获取Blob
录制API
09
录制实战
下载视频/音频 · 时长控制 · 完整录制
实战下载
10
Canvas捕获
captureStream · 捕获动画 · 画板录制
Canvas捕获
11
音频处理基础
Web Audio API · AudioContext · 源/目标节点
音频节点
12
音频可视化
AnalyserNode · 频域/时域 · 波形图绘制
可视化波形
13
音频特效
GainNode音量 · BiquadFilter滤波器 · 混响
特效滤波器
14
视频处理基础
Canvas 2D处理帧 · drawImage · 帧数据
视频帧Canvas
15
视频滤镜
灰度 · 反转颜色 · 像素化效果
滤镜像素
16
人脸检测
FaceDetector API · 检测区域 · 绘制边框
人脸AI
17
虚拟背景
Canvas背景替换 · 色度键抠图 · 背景模糊
虚拟背景Chroma Key
18
RTCPeerConnection入门
什么是RTCPeerConnection · 信令概念 · 创建连接
P2P信令
19
SDP交换
Offer/Answer · 本地/远程描述 · ICE候选
SDPICE
20
点对点通话
P2P音视频通话 · 添加媒体流 · ICE状态
通话P2P
21
DataChannel
RTCDataChannel · 文本消息 · 文件传输
数据文件
22
多人通话架构
Mesh · SFU · MCU 架构对比
架构SFU
23
SFU实战
Mediasoup搭建 · 客户端连接 · 发布/订阅
SFUMediasoup
24
信令服务器
WebSocket信令 · 房间管理 · 加入/离开
信令WebSocket
25
STUN/TURN
NAT穿透 · STUN配置 · TURN中继
网络穿透
26
带宽自适应
动态码率 · Simulcast · SVC可伸缩编码
带宽编码
27
性能优化
帧率控制 · 分辨率降级 · 内存管理
优化性能
28
移动端适配
浏览器兼容 · 触摸事件 · 摄像头控制
移动端触摸
29
安全与隐私
HTTPS强制 · 权限管理 · 媒体流加密
安全隐私
30
综合实战
完整视频会议 · 信令+P2P+屏幕共享+聊天
项目全栈