《HTML5与CSS3网页设计》_《HTML5与CSS3网页设计》_HTML5 与CSS5 网页设计（第二版）第十二章.pptVIP

12.7SVG简介svc并非仅仅是一种图像格式，由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVC可以内嵌于其他XML文档中，而SVC文档中也可以嵌入其他XML内容，各个不同的SVC图形可以方便地组合，构成新的SVC图形。目前最常用的SVC查看工具有Adobe公司的AdobeSVCViewer3.03。svc包括3种类型的对象:矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。返回12.8综合实例根据本章介绍的HTML5多媒体知识，书写如图12-11所示页面的HTML代码。具体操作步骤如下:(1)新建页面，在title标记中输入“HTML5视频使用”作为页面标题。(2)准备好视频资料，引用到网页。(3)为了方便设置整个页面内容的样式，使用id为skin的section将所有元素包裹起来。(4)添加id为myMovie的video元素以嵌入视频，将高度设置为360像素，将宽度设置为640像素，将poster属性设为添加海报图像。(5)在页面中添加nav元素，用来包裹按钮和进度条。(6)使用video.css来设置整个页面的样式，使用video.js来设置事件方法。返回表12-1video元素所支持的三种视频格式返回表12-2常用的video元素属性返回表12-3audio支持的三种音频格式返回表12-4audio元素的属性返回图12-2给视频添加控件后在Firefox浏览器中的显示效果返回图12-3海报图像返回图12-6无法找到播放文件时Firefox播放器显示的效果返回图12-7给音频添加控件后在Firefoox浏览器中的显示效果返回图12-11页面效果返回第12章视频、音频和其他多媒体12.1第三方插件及原生应用12.2添加视频12.3添加音频12.4嵌入Flash动画12.5嵌入网络视频12.6canvas简介12.7SVG简介12.8综合实例返回12.1第三方插件及原生应用互联网变得如此流行的原因之一就是人们可以在网页中添加图像、声音、动画、视频等元素。有的多媒体网页可以作为音频或者视频的基础，有的是广告或交互显示。在HTML5出现之前，为网页添加多媒体的唯一办法就是使用第三方插件，如AdobeFlashPlayer、QuickTime等都是第三方插件。要在网络上展示视频、音频、动画，除了使用第三方自主开发的播放器之外，用得最多的工具应该算是Flash了，但是它们都需要在浏览器上面安装各种插件。这些第三方插件就像黑箱一样，只有当用户真正安装了它们时才能起作用。但是这样也会出现一些问题，如在某个浏览器中嵌入Flash视频，而在另一个浏览器可能就不会起作用了。并且在速度方面也存在问题，因为浏览器会将所有的多媒体内容的播下一页返回12.1第三方插件及原生应用放完全交给插件。HTML5的出现使得这一局面得到了改观，在HTML5中不需要安装插件了，只需要一个支持HTML5的浏览器就可以了。HTML5添加了原生的多媒体，希望用这个解决速度问题、浏览器对插件的依赖问题。开始，HTML5规范规定了两种兼容HTML5的浏览器必须支持的格式，分别处理音频和视频。但是这样处理，并不能得到所有厂商的支持和遵循，比如诺基亚和苹果都没有选择使用这些媒体格式，因此后来这些设置在规范中被删除了。上一页返回12.2添加视频12.2.1视频文件格式不论是音频文件还是视频文件，实际上都只是一个容器文件，这点类似于压缩文件(zip文件或rar文件)。为方便同时回放，人们设定了不同的视频文件格式来把视频和音频放在一个文件中，即在同一个容器格式文件里面包裹着不同的轨道。容器是用来区分不同文件的数据类型的，而编码格式则由音视频文件的压缩算法决定。一般所说的文件格式或者后缀名即是指文件的容器格式。对于一种容器格式文件，可以包含不同编码格式的视频和音频。目前比较知名的容器格式包括AVI(.avi)、MPEC(.mpg、.mpeg)、Quicklime.mov)、RealMedia(.rm)、MP4(.mp4)等。(1)FlashVideo简称FLV)，是由AdobeFlash延伸出来的一种流行下一页返回12.2添加视频的网络视频封装格式。(2)AVI(AudioVideoInterleave):比较早的AVI是微软开发的。(3)WMV(WindowsMediaVideo)同样是微软开发