提纲
- 什么是视频
- 好玩的Web端API
- Web端点播直播&播放方案
- 参考资料
什么是视频
格式与内容
- 文件拓展名≈媒体封装格式（媒体容器类型）
- 媒体封装格式≠音视频编码格式
- 文件内容
1）头信息（格式、时长、帧率、码率、分辨率……）
2）索引信息
3）视频数据
4）音频数据
5）附加增强数据
索引信息
拖拽进度条到某一个时间点，指示时间点对应的二进制存储的位置
视频数据：
音频数据：
传输协议：
播放器原理：
好玩的Web端API
- 判断浏览器端视频兼容情况
- 基于video时间轴控制实现交互式视频
- 基于FileReader API播放本地文件
- 基于getUserMedia调用摄像头或者麦克风
code.h5jun.com/lasiq/2/edi… - 基于getUserMedia、MediaRecorder实现录像
code.h5jun.com/rihaq/1/edi… - 基于MediaSource播放JS拉取的媒体数据
code.h5jun.com/buko/2/edit…
一次性拿取所有数据
Web端点播直播&播放器解决方案
课程PPT：
ppt.baomitu.com/d/28321df2#…
