Chapter5同步多媒体集成语言SMIL精品课件.ppt

1、南京工程学院计算机工程学院 徐梦溪南京工程学院计算机工程学院 徐梦溪5.1 SMIL 5.1 SMIL 概述概述o Synchronized Multimedia Integration LanguageSynchronized Multimedia Integration Language（同（同步多媒体集成语言）步多媒体集成语言）o 将在将在InternetInternet上不同位置的媒体文件关联到一起，上不同位置的媒体文件关联到一起，媒体播放器通过载入媒体播放器通过载入SMILSMIL文件，会根据文件中文件，会根据文件中设置的播放顺序和位置等属性，将这些文件集设置的播放顺序和位置等属性，

2、将这些文件集成到同一窗口播放成到同一窗口播放o 基于基于 XML XML 的标记语言的标记语言o 是纯文本类型的语言是纯文本类型的语言o SMILSMIL文件是解释型的：文件是解释型的：PlayerPlayer载入载入SMILSMIL文件后，文件后，读取其中的源代码，分析其语法结构，然后根读取其中的源代码，分析其语法结构，然后根据解释的结果播放各媒体文件。据解释的结果播放各媒体文件。南京工程学院计算机工程学院 徐梦溪5.1 SMIL 5.1 SMIL 概述概述优点优点o 避免使用统一的文件格式避免使用统一的文件格式o 可以同时播放在不同地方（可以同时播放在不同地方（ServerServer上）

3、的多上）的多媒体片断媒体片断o 时间控制时间控制o 对整个演示进行布局对整个演示进行布局o 多语言支持多语言支持o 多带宽支持多带宽支持o 简化创作工具简化创作工具南京工程学院计算机工程学院 徐梦溪5.1 SMIL 5.1 SMIL 概述概述 How to work How to worko SMILSMIL文件存在于文件存在于Web ServerWeb Server中或流媒体中或流媒体ServerServer中，中，根据支持的层次和显示中使用的数据类型，可根据支持的层次和显示中使用的数据类型，可以在很多不同的以在很多不同的PlayerPlayer中播放中播放o 一旦一旦Player or B

4、rowserPlayer or Browser拥有了完整的拥有了完整的SMILSMIL文件，文件，它会在它会在Header SectionHeader Section寻找显示的布局；寻找显示的布局；o 在分析完在分析完Header SectionHeader Section后，后，PlayerPlayer检查检查Body Body SectionSection，开始缓冲第一个要播放的流文件；，开始缓冲第一个要播放的流文件；o 然后然后PlayerPlayer会根据文件中指定的时间限制播放所会根据文件中指定的时间限制播放所以流文件以流文件南京工程学院计算机工程学院 徐梦溪5.2 SMIL5.2

5、SMIL语法规则语法规则5.2.1 5.2.1 基本规则基本规则南京工程学院计算机工程学院 徐梦溪5.2.2 5.2.2 一元标签和二元标签一元标签和二元标签o 一元标签是自包含的：由标签名、一个或多个一元标签是自包含的：由标签名、一个或多个赋值属性和表示结束的斜线构成，所有的内容赋值属性和表示结束的斜线构成，所有的内容都在尖括号中。都在尖括号中。o eg.video src=“video/myvideo.rm begin=“10s”eg.repeat=“3”fill=“remove”/o 二元标签操作是成对的：第一个标签没有斜线，二元标签操作是成对的：第一个标签没有斜线，第二个标签用于结束标

6、签，在标签名前拥有表第二个标签用于结束标签，在标签名前拥有表示结束的斜线；包含一个或多个示结束的斜线；包含一个或多个SMILSMIL标签，以标签，以及对它们的操作。及对它们的操作。南京工程学院计算机工程学院 徐梦溪5.2.3 Header Section5.2.3 Header Sectiono 包含所有的元数据和包含所有的元数据和SMILSMIL显示的布局信息。显示的布局信息。o 包含在包含在和和之间：之间：o：允许：允许designerdesigner为显示指定元数据，如为显示指定元数据，如TitleTitle，AuthorAuthor，CopyrightCopyright。o o：指定显

7、示的窗口大小；：指定显示的窗口大小；o：允许：允许designerdesigner指定播放流的窗口区域。指定播放流的窗口区域。o 不是必须包含在不是必须包含在SMILSMIL显示中。显示中。5.3 5.3 关联媒体文件关联媒体文件南京工程学院计算机工程学院 徐梦溪5.4 5.4 组合媒体文件组合媒体文件o 5.4.1 5.4.1 循序播放循序播放组组合合o o 5.4.2 5.4.2 同步播放同步播放组组合合o o 5.4.3 5.4.3 用指定媒体用指定媒体结结束同步播放束同步播放南京工程学院计算机工程学院 徐梦溪南京工程学院计算机工程学院 徐梦溪5.4.4 5.4.4 两种组合的嵌套使用两

8、种组合的嵌套使用 eg.1 eg.1 媒体媒体对对象象1 1 媒体媒体对对象象2 2 媒体媒体对对象象3 3 媒体媒体对对象象4 41234南京工程学院计算机工程学院 徐梦溪5.4.4 5.4.4 两种组合的嵌套使用两种组合的嵌套使用 eg.2 eg.2 媒体媒体对对象象1 1 媒体媒体对对象象2 2 媒体媒体对对象象3 3 媒体媒体对对象象4 41234南京工程学院计算机工程学院 徐梦溪5.5 5.5 在在SMILSMIL标签中设置定时控制标签中设置定时控制o 时间顺序表时间顺序表规定一个所关联的媒体对规定一个所关联的媒体对象或是媒体文件组合在什么时候播放，播象或是媒体文件组合在什么时候播放

9、，播放多长时间放多长时间SMILSMIL文件的时间线文件的时间线o 通过通过SMILSMIL中各个相关的媒体标记或是组中各个相关的媒体标记或是组合标记的时间属性来实现合标记的时间属性来实现南京工程学院计算机工程学院 徐梦溪Example Audio 1Audio 210.420.4071026Total Time Line23南京工程学院计算机工程学院 徐梦溪5.6 5.6 设置设置SMILSMIL文档的窗口布局文档的窗口布局o 1.1.在在SMILSMIL文件的头部，通过文件的头部，通过和和标记来设置窗口布局。标记来设置窗口布局。o 2.2.在此在此layoutlayout标记群内，通过标记

10、群内，通过标记标记来定义底层区域，即来定义底层区域，即PlayerPlayer的主窗口大小；的主窗口大小；o 3.3.通过通过标记定义每一个播放区域的大标记定义每一个播放区域的大小和位置。小和位置。o 4.4.在在SMILSMIL文件的文件的body sectionbody section，通过定义相关媒，通过定义相关媒体标记的体标记的regionregion属性，在各播放区域中放置相应属性，在各播放区域中放置相应的可视媒体对象。的可视媒体对象。南京工程学院计算机工程学院 徐梦溪5.6 5.6 设置设置SMILSMIL文档的窗口布局文档的窗口布局文件结构文件结构oo o o o o o o o

11、 o o o o o o南京工程学院计算机工程学院 徐梦溪5.6.1 5.6.1 设置底层区域设置底层区域注意：注意：o 虽然底层区域的定义可以省略，虽然底层区域的定义可以省略，PlayerPlayer会根据其他区域的各个属性来计算底层会根据其他区域的各个属性来计算底层区域的大小，为了避免出现意想不到的区域的大小，为了避免出现意想不到的结果，定义底层区域会更加保险。结果，定义底层区域会更加保险。o 底层区域中不能放置播放内容。底层区域中不能放置播放内容。o 为避免在显示的上下方或是边上出现黑为避免在显示的上下方或是边上出现黑色的区域，应当把宽高比设置为色的区域，应当把宽高比设置为4 4：3 3

12、，比如比如640640480480，320320240240。南京工程学院计算机工程学院 徐梦溪5.6.2 5.6.2 设置播放区域设置播放区域南京工程学院计算机工程学院 徐梦溪5.6.2 5.6.2 设置播放区域（设置播放区域（ContContd d）在采用百分值表示时，注意：在采用百分值表示时，注意：南京工程学院计算机工程学院 徐梦溪5.6.3 5.6.3 加入背景色加入背景色注意事项注意事项南京工程学院计算机工程学院 徐梦溪5.6.4 5.6.4 媒体文件和播放区域的匹配方式媒体文件和播放区域的匹配方式o1.hidden(default)1.hidden(default)o2.fill2

13、.fillo3.meet3.meeto4.slice4.sliceo5.scroll5.scroll南京工程学院计算机工程学院 徐梦溪5.6.5 5.6.5 重叠区域的排序重叠区域的排序注意事项注意事项南京工程学院计算机工程学院 徐梦溪o 5.6.6 在区域中放置播放内容o 5.6.7 SMIL布局范例南京工程学院计算机工程学院 徐梦溪5.7 5.7 依据条件选择播放内容依据条件选择播放内容 5.8 5.8 在在SMILSMIL文件中创建链接文件中创建链接5.8.1 5.8.1 为可视媒体对象创建链接为可视媒体对象创建链接o 南京工程学院计算机工程学院 徐梦溪南京工程学院计算机工程学院 徐梦溪

14、5.8.2 5.8.2 创建热区链接创建热区链接o o coordscoords属性属性南京工程学院计算机工程学院 徐梦溪5.8.2 5.8.2 创建热区链接创建热区链接使用使用coordscoords属性定义热区注意事项属性定义热区注意事项南京工程学院计算机工程学院 徐梦溪5.8.3 5.8.3 链接到链接到SMILSMIL文件文件注意事项注意事项南京工程学院计算机工程学院 徐梦溪5.8.4 5.8.4 设置链接打开方式设置链接打开方式o1.show=“replace”(default)1.show=“replace”(default)o2.show=“new”2.show=“new”o3.

15、show=“pause”3.show=“pause”南京工程学院计算机工程学院 徐梦溪5.9 Real Networks5.9 Real Networks的的SMILSMIL扩展性能扩展性能南京工程学院计算机工程学院 徐梦溪5.10 SMIL 2.05.10 SMIL 2.0的新功能的新功能5.10.1 SMIL 2.05.10.1 SMIL 2.0语法语法o注：在注：在编写编写SMIL 2.0SMIL 2.0程序程序时时，必，必须须在在第一行里第一行里进进行相行相关声关声明表示使用明表示使用SMIL SMIL 2.02.0规规范。范。oxmlns=http:/www.w3.org/2000

16、xmlns=http:/www.w3.org/2000/SMIL20/CR/Language/SMIL20/CR/Languageo否否则则，PlayerPlayer不能正确解不能正确解码码和播放。和播放。南京工程学院计算机工程学院 徐梦溪5.10.2 SMIL 2.0 5.10.2 SMIL 2.0 布局布局动画动画o 1.1.媒体的位置媒体的位置o 媒体文件剪辑或是区域可以在显示期间移动，媒体文件剪辑或是区域可以在显示期间移动，设置在它播放剪辑的同时。设置在它播放剪辑的同时。o 2.2.媒体显示的大小媒体显示的大小o 剪辑或是区域的尺寸时刻以动态改变的。剪辑或是区域的尺寸时刻以动态改变的。

17、o 3.3.媒体文件的音频音量媒体文件的音频音量o 剪辑的音量可以在显示中改变。剪辑的音量可以在显示中改变。o 4.4.媒体的背景颜色媒体的背景颜色o 区域的背景颜色在显示中是可以改变的。区域的背景颜色在显示中是可以改变的。南京工程学院计算机工程学院 徐梦溪5.10.2 SMIL 2.0 5.10.2 SMIL 2.0 布局布局动画（动画（ContContd d）o 可以选择的动画效果值：可以选择的动画效果值：o 1.1.使用使用toto和和fromfrom属性属性o 2.2.使用使用byby属性属性o 3.3.在在valuesvalues属性中使用取值列表属性中使用取值列表南京工程学院计算机

18、工程学院 徐梦溪5.10.2 SMIL 2.0 5.10.2 SMIL 2.0 布局布局动画（动画（ContContd d）o clacModeclacMode属性值：属性值：o clacModeclacMode“discretediscrete”：在不同取值之间没：在不同取值之间没有动画有动画o clacModeclacMode“linearlinear”：图像移动的每个值之：图像移动的每个值之间有均匀的时间间隔间有均匀的时间间隔o clacModeclacMode“pacedpaced”：图像移动经过每个：图像移动经过每个点，且保持恒定的速度点，且保持恒定的速度o clacModeclac

19、Mode“splinespline”：使动画做减速运动：使动画做减速运动南京工程学院计算机工程学院 徐梦溪5.10.2 SMIL 2.0 5.10.2 SMIL 2.0 布局布局动画（动画（ContContd d）o animateColoranimateColor：改变区域或是媒体剪辑的背：改变区域或是媒体剪辑的背景颜色。景颜色。o animateMotionanimateMotion：让标签指定的物体同时改：让标签指定的物体同时改变水平和竖直方向的位置。变水平和竖直方向的位置。o setset：立即改变指定的取值，而不产生动画。：立即改变指定的取值，而不产生动画。南京工程学院计算机工程学院

20、 徐梦溪5.10.3 SMIL 2.0 5.10.3 SMIL 2.0 定时定时同步行为同步行为o 在指定时间内，允许媒体不同步在指定时间内，允许媒体不同步o 允许媒体相互之间完全失去同步允许媒体相互之间完全失去同步o 在主显示的独立时间表中设置媒体在主显示的独立时间表中设置媒体南京工程学院计算机工程学院 徐梦溪5.10.4 SMIL 2.0 5.10.4 SMIL 2.0 其他变化其他变化o 1.1.预装载媒体文件预装载媒体文件o 在显示期间预装部分媒体文件或是整个全在显示期间预装部分媒体文件或是整个全部预装。部预装。o 2.2.改进的访问特性改进的访问特性o 设计者可以设置设计者可以设置tabtab键的顺序，让用户按键的顺序，让用户按指定的顺序跳转到下一个连接；指定的顺序跳转到下一个连接；o 用指定按键激活给定链接功能；用指定按键激活给定链接功能；o 可以选择设置文本字母和音频文件描述。可以选择设置文本字母和音频文件描述。南京工程学院计算机工程学院 徐梦溪The End