这是我参与「第四届青训营 」笔记创作活动的第八天

1.web多媒体历史

1.flash

2.html5

3.media source extensions

2.基础知识

2.1 I帧、P帧、B帧

• I帧 I帧又称帧内编码帧，是一种自带全部信息的独立帧，无需参考其他图像便可独立进行解码。

• P帧 P帧又称帧间预测编码帧，需要参考前面的I帧才能进行编码。表示的是当前帧画面与前一帧的差别。

• B帧 B帧又称双向预测编码帧，也就是B帧记录的是本帧与前后帧的差别。也就是说要解码B帧，不仅要取得之前的缓存画面，还要解码之后的画面，通过前后画面的与本帧数据的叠加取得最终的画面。

• GOP GOP ( Group of Pictures) 是一组连续的画面，由一张 I 帧和数张 B / P 帧组成，是视频图像编码器和解码器存取的基本单位，它的排列顺序将会一直重复到影像结束。

2.2 为什么要编码？

• 视频内容经过编码压缩后，有利于存储和传输。

• P帧解码时需要用之前缓存的画面叠加上本帧定义的差别，生成最终画面。与I帧相比，P帧通常占用更少的数据位，但不足是，由于P帧对前面的P和I参考帧有着复杂的依耐性，因此对传输错误非常敏感。

• B帧压缩率高，但是对解码性能要求较高。

2.3四种数据冗余

• 空间冗余

• 视觉冗余

• 结构冗余

• 时间冗余

2.4 编码数据处理流程

2.5 封装格式

封装格式：存储音视频、图片或者字幕信息的一种容器。

下一集讲解在html5和MSE中如何使用web多媒体。