Video 视频知识库
系统化沉淀 Web 视频技术全栈知识——从 HTML
<video>基础到流媒体协议、自定义播放器开发、Canvas/WebGL 视频处理、DRM 版权保护与 AI 视频场景。
专栏结构
| 章节 | 目录 | 内容 |
|---|---|---|
| 第一章 | HTML <video> 元素基础 | video 标签属性、source 多源、poster、字幕 track |
| 第二章 | HTMLMediaElement API | 播放控制、音量、播放速率、网络状态、就绪状态 |
| 第三章 | 事件系统 | 媒体事件全览、事件监听、生命周期事件、错误处理 |
| 第四章 | 视频格式与编解码 | 容器格式、编解码器、H.264/H.265/VP9/AV1、兼容性 |
| 第五章 | 流媒体协议 | HLS、DASH、RTMP、WebRTC、直播与点播 |
| 第六章 | Media Source Extensions（MSE） | SourceBuffer、MediaSource API、分片加载、自适应码率 |
| 第七章 | 移动端兼容性 | iOS/Android 差异、自动播放策略、全屏、内联播放 |
| 第八章 | 性能优化 | 预加载策略、懒加载、CDN、缓存、带宽自适应 |
| 第九章 | 自定义播放器开发 | 播放器架构、UI 组件、插件系统、快捷键、无障碍 |
| 第十章 | Canvas 与 WebGL 视频处理 | 视频帧提取、滤镜、实时特效、WebGL 渲染管线 |
| 第十一章 | DRM 数字版权保护 | EME API、Widevine、FairPlay、PlayReady、密钥管理 |
| 第十二章 | 开源项目与工具链 | Video.js、hls.js、dash.js、Shaka Player、FFmpeg.wasm |
| 第十三章 | AI 视频场景专题 | AI 生成视频、智能剪辑、实时滤镜、视频理解 |