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

69 阅读2分钟

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

Web多媒体历史

Snipaste_2022-08-16_10-40-04.png

编码格式

Snipaste_2022-08-16_10-40-29.png

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

视频基本概念

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

Snipaste_2022-08-16_10-45-14.png

Snipaste_2022-08-16_10-46-05.png

多媒体元素

video 视频

audio 音频

video

controls: 控制控件的显示,取值只能为controls

某些属性,只有两种状态:1. 不写 2. 取值为属性名,这种属性叫做布尔属性

布尔属性,在HTML5中,可以不用书写属性值

autoplay: 布尔属性,自动播放。

muted: 布尔属性,静音播放。

loop: 布尔属性,循环播放

audio

和视频完全一致

兼容性

  1. 旧版本的浏览器不支持这两个元素
  2. 不同的浏览器支持的音视频格式可能不一致

mp4、webm

Snipaste_2022-08-16_10-48-02.png

总结:多媒体的应用是多方面的,应用广泛 还不断出现新的技术。