多媒体的支持条件
虽然 HTML5 提供的音视频嵌入方式简单易用,但在实际操作中却要考虑视频音频编解
码器、浏览器等众多因素。接下来,本节将对视频音频编解码器、多媒体格式和浏览器的支
持情况进行详细讲解。
 视频和音频编解码器
由于视频和音频的原始数据一般都比较大,如果不对其进行编码就放到互联网上,传播
时会消耗大量时间,无法实现流畅的传输或播放。这时通过视频和音频编解码器对视频和音
频文件进行压缩,就可以实现视频和音频的正常传输和播放。
1.视频编解码器
视频编解码器定义了多媒体数据流编码和解码的算法。其中编码器主要是对数据流进行
编码操作,用于存储和传输。解码器主要是对视频文件进行解码,例如使用视频播放器观看
视频,就需要先进行解码,然后再播放视频.目前,使用最多的 HTML5 视频解码文件是 H.264、
Theora 和 VP8,对它们的具体介绍如下。
H.264
H.264 是国际标准化组织(ISO)和国际电信联盟(ITU)共同提出的继 MPEG4 之后的
新一代数字视频压缩格式,是 ITU-T以 H.26x系列为名称命名的视频编解码技术标准之一
Theora
Theora 是免费开放的视频压缩编码技术,可以支持从 VP3 HI) 高清到 MPEG-4/DiVX视
频格式。
 VP8
VP8 是第八代的 On2 视频,能以更少的数据提供更高质量的视频,而且只需较小的处理
能力即可播放视频。
2.音频编解码器
音频编解码器定义了音频数据流编码和解码的算法。与视频编解码器的工作原理一样.
音频编码器主要用于对数据流进行编码操作,解码器主要用于对音频文件进行解码。目前,
使用最多的 HTML5 音频解码文件是 AAC、MP3 和 Ogg。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <video src="视频文件路径"content="content"></video>
</body>
</html>

 

 

 

退出emergency modo_音频编解码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- autoplay进入页面视频自动播放
    loop视频结束后重新开始播放 -->
    <video src="视频文件路径"content="content" autoplay="autoplay" loop="loop"></video>
</body>
</html>