(web前端开发》课程理论教学部分 第九讲:音频与视频 河南中医学院互联网应用技术研究所 Http://Labs.51xuEweb.Com 2013.4
web前端开发》课程理论教学部分/第九讲:音频与视频 学时计划 学时计划:2学时理论,1学时实验 (实验四:在网页中使用表单和多媒体) 教学大纲: 1、从网络上的视频说起 2、 video和 audio元素 3、 video和 audio的属性 4、 video和 audio的方法 5、 video和 audio的事件 6、案例:拍个DV让大家看 7、讨论与思考
Web前端开发》课程理论教学部分/第九讲:音频与视频 互联网的飞速发展和网络速度的改善,使得视频和音频已经成为了 互联网内容的重要形式之一,并且视频和音频的网络传输,也极大 地推动了互联网应用的发展。今天通过优酷、土豆、乐视、cNTV等 网站观看电影、电视剧和综艺节目,成为人们使用互联网的主要应 用之 视频和音频的广泛应用,使得在网络中使用视频和音频技术变得越 加重要。本讲将讨论视频和音频的容器文件和编解码器,以及HTML 5对视频和音频方面的新技术,以帮助读者创建丰富多彩的多媒体互 联网应用服务。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 在HTML5规范之前,如果希望在网页上播放视频、音频,通畅都需 要借助第三方插件,比如 Flash。或者需要自主开发使用多媒体播放 插件。但是无论哪种方式,都需要在浏览器或者计算机中安装插件 或者播放器。对于视频和音频的支持,并不是由浏览器自身来提供 支持的,这种做法复杂且麻烦,还容易产生兼容性和安全性问题。 HTML5定义了一个在网页中嵌人视频和音频的标准方式,就是使用 和元素。虽然目前此部分的工作还不够完善,但是 已经取得了浏览器的广泛支持和认可。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.1视频容器 不论是视频文件还是音频文件,例如avi、flv等,实质上都是一个 容器文件。这个容器文件就如同zip文件一样 视频文件(视频容器)包含了音频轨道、视频轨道和其他一些元数 据。当进行视频播放时,音频轨道和视频轨道是绑定在一起的。 元数据部分包含了视频的封面图片、标题、子标题、字幕等信息。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.1视频容器 视频容器有很多中,较为常见的如下所示 1)MPEG-4( mp4 (2)Flash Video(.flv) (3)Ogg (ogv) 4) WebM( webm) (5) Audio Video Interleave(. avi (6) Matroska ( mkv 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.2音频和视频的编解码器 音频和视频的编码/解码器是一组算法,用来对一段特定音频或视频 进行解码和编码,以便音频和视频能够播放。 当观看一个视频的时候,视频播放器(解码器)需要完成的工作有 第一步:解析容器格式以找出可以使用的视频和音频轨道,并分析 它们的存储结构,以便接下来的解码工作。 第二步:对视频流解码,并在屏幕上显示一幅幅的图像。 第三步:对音频流解码,同时给扬声器传输声音信号。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.2音频和视频的编解码器 编解码器包括有损和无损两种。无损视频文件一般太大了,在网页 中没有优势,所以在网络上传送的视频采用的都是有损编解码器。 有损视频编解码器中,信息在编码过程的丢失时无法避免的。这就 好比从一个磁带复制音频,每次复制都会丢失一些原来音频的信息 复制音频的质量也会越来越差。因此如果希望编码后的视频能够 凊晰,且希望得到最好的编码效率,需要有一个良好的视频源、优 秀的编码算法、高性能的编码软件和恰当的编码参数。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.2音频和视频的编解码器 音频和视频的编码算法很多,常见的有: 音频编解码器有:AAC、MPEG-3、 Ogg vorbis 视频编解码器有:H.264、VP8、 Ogg Theora 有些编码器是受专利保护的,有些则是免费的。例如 Vorbis Theora是免费的,可以随意使用,而H.264、MPEG-4就需要支付专 利费用。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.2音频和视频的编解码器 web m 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
