(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定义了一个在网页中嵌人视频和音频的标准方式,就是使用 < video>和< audio>元素。虽然目前此部分的工作还不够完善,但是 已经取得了浏览器的广泛支持和认可。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4
Web前端开发》课程理论教学部分/第九讲:音频与视频 从网络上的视频说起 1.1视频容器 不论是视频文件还是音频文件,例如avi、flv等,实质上都是一个 容器文件。这个容器文件就如同zip文件一样 视频文件(视频容器)包含了音频轨道、视频轨道和其他一些元数 据。当进行视频播放时,音频轨道和视频轨道是绑定在一起的。 元数据部分包含了视频的封面图片、标题、子标题、字幕等信息。 河南中医学院互联网应用技术研究所/http://labs.51xueweb.cn/2013.4