这是我参与「第四届青训营 」笔记创作活动的第16天
Web多媒体历史
- Flash：音视频依赖于flash插件
- Html5：原生支持音视频，但功能也有限（视频格式有限制，状态检测不到）
- Media Source Extensions：扩展API实现Html5的不足之处
Web基础知识
编码格式
图像基本概念
- 图像分辨率：指图像中存储的信息量，是每英寸图像内有多少个像素点
- 图像深度：图像深度是指存储每个像素所需要的比特数。图像深度决定了图像的每个像素可能的颜色数，或可能的灰度级数。例如,彩色图像每个像素用R,G,B三个分量表示,每个分量用8位，像素深度为24位，可以表示的颜色数目为2的24次方，既16777216个;一副单色图像存储每个像素需要8bit，则图像的像素深度为8位，最大灰度数目为2的8次方，既256个。
视频基本概念
- 分辨率：每一帧的图像分辨率。
- 帧率：视频单位时间内包含的视频帧的数量。
- 码率：就是值单位时间内传输的数据量，一遍用kbps表示,即千位每秒。
编码数据处理流程
- 预测：去除空间冗余、时间冗余
- 变换：去除空间冗余
- 量化：去除视觉冗余
- 熵编码：去除编码冗余
封装格式
封装格式：存储音视频、图片或者字幕信息的一种容器
| 视频封装格式 | 视频文件格式 |
|---|---|
| Audio Video Interleave | AVI |
| Windows Media Video | WMV |
| Moving Picture Experts Group | MPG MPEG MP4 |
| Matroska | MKV |
| .... | ... |
多媒体元素和扩展API
播放器播放流程
流媒体协议
HLS全称是HTTP Live Streaming,是一个由Apple公司提出的基于HTTP的媒体流传输协议，用于实时音视频流的传输。目前HLs协议被广泛的应用于视频点播和直播领域。
