Web多媒体入门|青训营笔记

62 阅读2分钟

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

基础知识

  1. 编码格式
  • 图像基本概念

图像分辨率:用于确定组成一副图像的像素数据,就是指在水平和垂直方向上图像所具有的像素个数。如1920*1080(水平方向1920个像素、垂直方向1080个像素)

图像深度︰图像深度是指存储每个像素所需要的比特数。图像深度决定了图像的每个像素可能的颜色数,或可能的灰度级数。例如, 彩色图像每个像素用R,G,B三个分量表示,每个分量用8位,像素深度为24位可以表示的颜色数目为2的24次方,既16777216个﹔一副单色图像存储每个像素需要8bit,则图像的像素深度为8位,最大灰度数目为2的8次方,既256个。(图片的分辨率越大不一定所占据的存储空间越大,还要根据其图片深度占用位数。)

  • 视频的基本概念

分辨率:每一帧图像的分辨率(所有帧分辨率相同)

帧率:视频单位时间内包含的视频帧的数量

码率:指视频单位时间内传输的数据量,一般用kbps标签,即千位每秒

  • 视频帧的分类

I帧 I帧对视频压缩编码无需依赖其他的帧,只要有I帧自己的数据就能完全解码。 P帧(前项预测编码帧) 其解码要依赖前一帧,前一帧没解码自身也无法解码。 B帧 其解码不仅要依赖前一帧,还要根据其后面的帧内容。

  • 多媒体元素和扩展API

video和audio元素

在h5中,通过可以通过video标签和audio标签分别播放视频和音频。两种标签用法一样。

  • mp4和fmp4

fmp4文件结构相比普通的MP4文件多了多个moof和moot文件,因此对流式播放支持得更加友好