Web多媒体入门 | 青训营笔记Web多媒体入门 | 青训营笔记这是我参与【第四届青训营】笔记创作活动的第14天一、

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

这是我参与【第四届青训营】笔记创作活动的第14天

一、Web多媒体历史

二、基础知识

编码格式

图像基本概念

图像分辨率：用于确定组成一副图像的像素数据

图像深度：存储每个像素所需要的比特数

视频基本概念

分辨率：每一帧的图像分辨率

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

码率：视频单位时间内传输的数据量

I帧、P帧、B帧

GOP（group of picture）

两个I帧之间的间隔

编码数据处理流程

封装格式

存储音视频、图片或者字幕信息的一种容器

多媒体元素和扩展API

<video>元素

<!DOCTYPE html>
<html>
    <body>
        <video src="./video.mp4" muted autoplay controls width=600 height=300></video>
        <video muted autoplay controls width=600 height=300>
            <source src="./video.mp4"></source>
        </video>
    </body>
</html>

<audio>元素

<!DOCTYPE html>
<html>
    <body>
        <audio src="./audio.mp4" muted autoplay controls width=600 height=300></video>
        <audio muted autoplay controls width=600 height=300>
            <source src="./audio.mp4"></source>
        </audio>
    </body>
</html>