Web 多媒体入门 ｜ 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第 16 天💪💪💪
Web 多媒体历史
Flash -> HTML5 -> Media Source Extensions
编码格式
I 帧、P 帧、B 帧
- I 帧又称帧内编码帧，是一种自带全部信息的独立帧，无需参考其他图像便可独立进行解码
- P 帧又称帧间预测编码帧，需要参考前面的 I 帧或者 P 帧才能进行编码
- B 帧又称双向预测编码帧，也就是 B 帧记录的是本帧与前后帧的差别
GOP
两个帧 I 之间的间隔
为什么要编码？
空间冗余
时间冗余
编码冗余
视觉冗余
编码数据处理流程
封装格式
存储音视频、图片或者字幕信息的一种容器
多媒体元素和扩展 API
- 创建 mediaSource 实例
- 创建指向 mediaSource 的 URL
- 监听 sourceopen 事件
- 创建 sourceBuffer
- 向 sourceBuffer 中加入数据
- 监听 updateend 事件
播放器播放流程
流媒体协议
HLS 全称是 HTTP Live Streaming，是一个由 Apple 公司提出的基于 HTTP 的媒体流传输协议，用于实时音视频流的传输。目前HLS协议被广泛的应用于视频点播和直播领域
