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

90 阅读2分钟

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

基础知识

编码格式

图像

图像分辨率:用于确定组成一副图像的像素数据,就是指在水平和垂直方向上图像所具有的像素个数。 图像深度:图像深度是指存储每个像素所需要的比特数。图像深度决定了图像的每个像素可能的颜色数,或可能的灰度级数。例如,彩色图像每个像素用RG,B三个分量表示,每个分量用8位,像素深度为24位,可以表示的颜色数目为2的24次方,既16777216个;一副单色图像存储每个像素需要8bit,则图像的像素深度为8位,最大灰度数目为2的8次方,既256个。

视频

分辨率:每一帧的图像分辨率 帧率:视频单位时间内包含的视频帧的数量。 码率:指视频单位时间内传输的数据量,一般用kbps来表示,即千位每秒

编码格式

  • 空间冗余
  • 时间冗余
  • 编码冗余
  • 视觉冗余

封装格式

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

多媒体元素与扩展api

<video 元素

image.png

<audio 元素

image.png

二者缺陷

  1. 不支持播放hls、flv等视频格式
  2. 视频资源的请求和加载无法通过代码控制

流媒体协议

基本概念

流媒体指将一连串的媒体数据压缩后,经过网上分段发送数据,在网上即时传输影音以供观赏的一种技术与过程,此技术使得数据包得以像流水一样发送;如果不使用此技术,就必须在使用前下载整个媒体文件。流式传输可传送现场影音或预存于服务器上的影片,当观看者在收看这些影音文件时,影音数据在送达观看者的计算机后立即由特定播放软件播放。这是一种新的媒体传送方式,有声音流、视频流、文本流、图像流、动画流等,而非一种新的媒体。