音频和视频

一、两个基本概念:容器(container)和编解码器(codec)

  1. container

    每个音频或视频文件,都是一个container。视频文件包含了音频轨道、视频轨道和元数据,元数据主要包括封面、标题、子标题、字幕等相关信息。主流视频容器格式为.avi  .flv  .mp4  mkv  .ogg  .webm。

  2. codec

    音频和视频的编码/解码实质上是一组算法,用于压缩和解压缩。主流音频编解码器包括AAC MPEG-3  OggVorbis,主流视频编解码器包括H.264  VP8  OggTheora

二、标签

1. video 插入视频

示例
<video src="text.webm" width="600" height="800" controls autoplay loop muted poster="img.png" preload="auto"></video>
属性
说明
src

视频源多,浏览器支持时使用source子标签,用法:

<video width="600" height="800" controls>

    <source src="text.webm">        //firefox, chrome

    <source src="text.mp4">           //IE

</video>

width, height
宽度,高度
controls
显示播放控件

autoplay

页面载入后自动播放
loop
自动重播
muted
静音
poster
视频第一帧显示的图片
preload

预加载设置,取值如下:

- none 不预加载

- metadata 预加载元数据

- auto 自动预加载,默认

2. audio 插入音频,用法同上

你可能感兴趣的:(html5,视频,音频)