01
远程监控概述
什么是远程监控 · 应用场景：家庭安防、工业巡检、智慧农业 · 系统架构：采集端、传输端、云端、客户端
基础架构
02
移动端实时查看需求分析
用户痛点：延迟高、画质差、操作复杂 · 核心功能：实时预览、回放、报警推送 · 非功能：低延迟、高并发、安全性
需求产品
03
整体架构设计
端到端架构图 · 技术选型：WebRTC vs RTMP vs HLS · 数据流与信令流分离设计
架构选型
04
摄像头选型与接入
IPC协议：ONVIF、RTSP · 参数：分辨率、帧率、编码格式 · 实战：FFmpeg拉取RTSP流并转码
硬件FFmpeg
05
流媒体服务器搭建
方案对比：SRS、Nginx-RTMP、ZLMediaKit · SRS安装配置 · 推拉流测试：OBS推流 VLC拉流
服务器SRS
06
视频编码与转码
H.264 vs H.265 · 转码必要性 · 硬件编码 vs 软件编码
编码转码
07
实时传输协议详解
WebRTC：ICE、STUN、TURN · RTMP握手与推流 · HLS分片与M3U8索引
协议WebRTC
08
低延迟传输优化
GOP关键帧间隔 · B帧影响 · UDP vs TCP · 延迟抖动问题实战
优化延迟
09
CDN加速与边缘计算
CDN分发原理 · 边缘节点缓存 · 实战：阿里云CDN加速视频流
CDN边缘
10
移动端播放器选型
Android: ExoPlayer、IjkPlayer · iOS: AVPlayer、VLCKit · 跨平台: Flutter、React Native
播放器跨平台
11
Android端实时播放实现
集成ExoPlayer · HLS/RTMP配置 · 硬解/软解切换 · SurfaceView vs TextureView
AndroidExoPlayer
12
iOS端实时播放实现
集成AVPlayer · HLS播放 · VideoToolbox硬解码 · 后台播放与画中画
iOSAVPlayer
13
Flutter跨平台播放器
flutter_ijkplayer插件 · 自定义UI · 平台通道调用原生解码
Flutter跨平台
14
Web端实时查看（H5）
video.js播放HLS · WebRTC浏览器兼容性 · MSE进阶用法
H5video.js
15
信令服务设计
WebSocket信令流程 · 信令服务器选型：Node.js + Socket.IO · 状态管理
信令WebSocket
16
NAT穿透与P2P连接
STUN获取公网地址 · TURN中继转发 · ICE连接优先级策略
P2PNAT
17
多路视频流并发查看
网格布局与轮巡模式 · 动态加载与内存管理 · 限制最大并发路数
并发性能
18
视频录制与回放
云端录制(OSS) · 本地录制(边看边录) · 回放列表与时间轴设计
录制回放
19
报警与事件联动
移动侦测(OpenCV) · 报警推送(FCM/APNs) · 报警录像自动标记
报警AI
20
视频截图与快照
关键帧截图策略 · 存储(本地相册/云端) · 截图水印添加
截图水印
21
音频对讲与双向通话
音频编解码(Opus、G.711) · 回声消除(AEC) · 集成WebRTC音频通道
音频对讲
22
安全与加密
视频流加密(HLS AES-128、SRTP) · 身份认证(JWT) · 设备绑定与防劫持
安全加密
23
性能优化
内存优化(Bitmap复用、缓存池) · 网络优化(自适应码率ABR) · 功耗优化(休眠策略)
优化性能
24
弱网环境适配
自适应码率切换算法 · 丢包重传机制 · 网络状态监测与提示
弱网自适应
25
多平台适配
Android碎片化(刘海屏、权限) · iOS审核注意事项 · 鸿蒙系统兼容性
适配鸿蒙
26
测试与质量保障
延迟测试(时钟同步法) · 压力测试(千路并发) · 兼容性测试矩阵
测试质量
27
部署与运维
Docker容器化部署 · 监控告警(Prometheus+Grafana) · 日志收集(ELK)
运维Docker
28
实战项目一：家庭安防监控系统
需求分析 · 架构设计 · 核心代码：摄像头接入 → 移动端查看
实战安防
29
实战项目二：工业设备远程巡检
多协议接入(Modbus+视频) · 数据可视化大屏 · 移动端告警工单
实战工业
30
未来趋势与总结
AI赋能(智能识别、行为分析) · 5G与边缘计算融合 · 学习路径推荐
趋势总结