码迷,mamicode.com
首页 > 其他好文 > 详细

音频和视频

时间:2015-05-27 16:08:34      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:音频   html5   视频   

一、两个基本概念:容器(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 插入音频,用法同上

本文出自 “Julia's Study Note” 博客,请务必保留此出处http://juliastudynote.blog.51cto.com/9954906/1655562

音频和视频

标签:音频   html5   视频   

原文地址:http://juliastudynote.blog.51cto.com/9954906/1655562

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!