第一章 · 内核与控制条
6 节 · 3小时11分- 01
18:24
v8视频播放器项目初始化:目录分层与构建配置
用最小依赖拉起工程骨架,把内核、UI、插件三层目录职责划清楚。
- 02
26:50
媒体事件全景图:从 loadedmetadata 到 ended
按真实加载时序排查十二个关键事件,弄清哪些会漏触发、哪些会重复。
- 03
31:07
手写控制条:进度条拖拽与缩略图预览的实现细节
指针事件统一处理触屏与鼠标,顺带解决拖拽回跳和预览图抖动问题。
- 04
22:36
插件机制设计:让清晰度、倍速、镜像都变成可插拔模块
定义生命周期钩子与注册表,新增一个面板只需要三十行代码。
- 05
19:58
全屏、网页全屏与画中画三种形态的样式陷阱
对比各端 API 差异,给出一套不依赖厂商前缀的降级方案。
- 06
32:19
键盘与手势:做一套不打架的快捷操作体系
空格、方向键、双指缩放和长按倍速同时存在时的冲突仲裁思路。
第二章 · 协议、缓冲与弹幕
6 节 · 3小时48分- 07
34:12
MSE 入门:把一段 fMP4 手动喂进 SourceBuffer
逐字节解析初始化段,理解 appendBuffer 的时序与配额限制。
- 08
28:45
HLS 点播流接入:m3u8 解析与切片队列调度
实现一个最简下载队列,支持预取窗口、失败重试与切片丢弃。
- 09
41:03
自适应码率:带宽估算模型与切换抖动抑制
用滑动窗口加权替代瞬时测速,避免电梯口网络波动导致反复降档。
- 10
37:21
弹幕渲染层:Canvas 轨道分配与碰撞检测
三千条同屏弹幕下保持满帧的轨道复用算法,附离屏缓存优化。
- 11
24:57
倍速播放的音高修正与字幕时间轴对齐
三倍速下人声不再变调,顺便处理外挂字幕的偏移补偿。
- 12
21:40
直播低延迟实践:追帧、丢帧与水位线设置
把端到端延迟从六秒压到两秒以内,并保证不出现频繁卡顿。
第三章 · 上线与调优
4 节 · 2小时43分- 13
45:06
首帧秒开:预连接、预加载与封面占位的组合拳
把真机首帧耗时从 1.4 秒降到 480 毫秒的全部改动逐项复盘。
- 14
33:18
内存泄漏排查:播放器反复挂载卸载后的对象残留
借助快照对比定位未解绑的监听与未释放的解码资源。
- 15
27:52
播放质量监控:卡顿率、错误码与数据上报口径
把线上问题变成可量化指标,定义一套不互相打架的统计口径。
- 16
56:44
章节答疑:三十个高频提问集中回复与代码走查
挑出评论区被问最多的问题当场改代码,含两个真实故障复盘。






