南京工程学院计算机工程学院 徐梦溪,Chapter 5,同步多媒体集成语言 SMIL,南京工程学院计算机工程学院 徐梦溪,5.1 SMIL 概述,Synchronized Multimedia Integration Language（同步多媒体集成语言） 将在Internet上不同位置的媒体文件关联到一起，媒体播放器通过载入SMIL文件，会根据文件中设置的播放顺序和位置等属性，将这些文件集成到同一窗口播放 基于 XML 的标记语言 是纯文本类型的语言 SMIL文件是解释型的：Player载入SMIL文件后，读取其中的源代码，分析其语法结构，然后根据解释的结果播放各媒体文件。,南京工程学院计算机工程学院 徐梦溪,5.1 SMIL 概述优点,避免使用统一的文件格式 可以同时播放在不同地方（Server上）的多媒体片断 时间控制 对整个演示进行布局 多语言支持 多带宽支持 简化创作工具,南京工程学院计算机工程学院 徐梦溪,5.1 SMIL 概述 How to work,SMIL文件存在于Web Server中或流媒体Server中，根据支持的层次和显示中使用的数据类型，可以在很多不同的Player中播放 一旦Player or Browser拥有了完整的SMIL文件，它会在Header Section寻找显示的布局； 在分析完Header Section后，Player检查Body Section，开始缓冲第一个要播放的流文件； 然后Player会根据文件中指定的时间限制播放所以流文件,南京工程学院计算机工程学院 徐梦溪,5.2 SMIL语法规则5.2.1 基本规则,南京工程学院计算机工程学院 徐梦溪,5.2.2 一元标签和二元标签,一元标签是自包含的：由标签名、一个或多个赋值属性和表示结束的斜线构成，所有的内容都在尖括号中。 eg. 二元标签操作是成对的：第一个标签没有斜线，第二个标签用于结束标签，在标签名前拥有表示结束的斜线；包含一个或多个SMIL标签，以及对它们的操作。,南京工程学院计算机工程学院 徐梦溪,5.2.3 Header Section,包含所有的元数据和SMIL显示的布局信息。 包含在和之间： ：允许designer为显示指定元数据，如Title，Author，Copyright。 ：指定显示的窗口大小； ：允许designer指定播放流的窗口区域。 不是必须包含在SMIL显示中。,5.3 关联媒体文件,南京工程学院计算机工程学院 徐梦溪,5.4 组合媒体文件,5.4.1 循序播放组合 5.4.2 同步播放组合 5.4.3 用指定媒体结束同步播放,南京工程学院计算机工程学院 徐梦溪,南京工程学院计算机工程学院 徐梦溪,5.4.4 两种组合的嵌套使用 eg.1, 媒体对象1 媒体对象2 媒体对象3 媒体对象4 ,南京工程学院计算机工程学院 徐梦溪,5.4.4 两种组合的嵌套使用 eg.2, 媒体对象1 媒体对象2 媒体对象3 媒体对象4 ,南京工程学院计算机工程学院 徐梦溪,5.5 在SMIL标签中设置定时控制,时间顺序表规定一个所关联的媒体对象或是媒体文件组合在什么时候播放，播放多长时间SMIL文件的时间线 通过SMIL中各个相关的媒体标记或是组合标记的时间属性来实现,南京工程学院计算机工程学院 徐梦溪,Example,Audio 1,Audio 2,10.4,20.4,0,7,10,26,Total Time Line,23,南京工程学院计算机工程学院 徐梦溪,5.6 设置SMIL文档的窗口布局,1. 在SMIL文件的头部，通过和标记来设置窗口布局。 2. 在此layout标记群内，通过标记来定义底层区域，即Player的主窗口大小； 3. 通过标记定义每一个播放区域的大小和位置。 4. 在SMIL文件的body section，通过定义相关媒体标记的region属性，在各播放区域中放置相应的可视媒体对象。,南京工程学院计算机工程学院 徐梦溪,5.6 设置SMIL文档的窗口布局文件结构, ,南京工程学院计算机工程学院 徐梦溪,5.6.1 设置底层区域,注意： 虽然底层区域的定义可以省略，Player会根据其他区域的各个属性来计算底层区域的大小，为了避免出现意想不到的结果，定义底层区域会更加保险。 底层区域中不能放置播放内容。 为避免在显示的上下方或是边上出现黑色的区域，应当把宽高比设置为4：3，比如640480，320240。,南京工程学院计算机工程学院 徐梦溪,5.6.2 设置播放区域,南京工程学院计算机工程学院 徐梦溪,5.6.2 设置播放区域（Contd）,在采用百分值表示时，注意：,南京工程学院计算机工程学院 徐梦溪,5.6.3 加入背景色注意事项,南京工程学院计算机工程学院 徐梦溪,5.6.4 媒体文件和播放区域的匹配方式,1. hidden (default) 2. fill 3. meet 4. slice 5. scroll,南京工程学院计算机工程学院 徐梦溪,5.6.5 重叠区域的排序注意事项,南京工程学院计算机工程学院 徐梦溪,5.6.6 在区域中放置播放内容 5.6.7 SMIL布局范例,南京工程学院计算机工程学院 徐梦溪,5.7 依据条件选择播放内容, ,5.8 在SMIL文件中创建链接5.8.1 为可视媒体对象创建链接,南京工程学院计算机工程学院 徐梦溪,南京工程学院计算机工程学院 徐梦溪,5.8.2 创建热区链接, coords属性,南京工程学院计算机工程学院 徐梦溪,5.8.2 创建热区链接使用coords属性定义热区注意事项,南京工程学院计算机工程学院 徐梦溪,5.8.3 链接到SMIL文件注意事项,南京工程学院计算机工程学院 徐梦溪,5.8.4 设置链接打开方式,1. show=“replace” (default) 2. show=“new” 3. show=“pause”,南京工程学院计算机工程学院 徐梦溪,5.9 Real Networks的SMIL扩展性能,南京工程学院计算机工程学院 徐梦溪,5.10 SMIL 2.0的新功能5.10.1 SMIL 2.0语法,南京工程学院计算机工程学院 徐梦溪,5.10.2 SMIL 2.0 布局动画,1. 媒体的位置 媒体文件剪辑或是区域可以在显示期间移动，设置在它播放剪辑的同时。 2. 媒体显示的大小 剪辑或是区域的尺寸时刻以动态改变的。 3. 媒体文件的音频音量 剪辑的音量可以在显示中改变。 4. 媒体的背景颜色 区域的背景颜色在显示中是可以改变的。,南京工程学院计算机工程学院 徐梦溪,5.10.2 SMIL 2.0 布局动画（Contd）,可以选择的动画效果值： 1. 使用to和from属性 2. 使用by属性 3. 在values属性中使用取值列表,南京工程学院计算机工程学院 徐梦溪,5.10.2 SMIL 2.0 布局动画（Contd）,clacMode属性值： clacMode“discrete”：在不同取值之间没有动画 clacMode“linear”：图像移动的每个值之间有均匀的时间间隔 clacMode“paced”：图像移动经过每个点，且保持恒定的速度 clacMode“spline”：使动画做减速运动,南京工程学院计算机工程学院 徐梦溪,5.10.2 SMIL 2.0 布局动画（Contd）,animateColor：改变区域或是媒体剪辑的背景颜色。 animateMotion：让标签指定的物体同时改变水平和竖直方向的位置。 set：立即改变指定的取值，而不产生动画。,南京工程学院计算机工程学院 徐梦溪,5.10.3 SMIL 2.0 定时同步行为,在指定时间内，允许媒体不同步 允许媒体相互之间完全失去同步 在主显示的独立时间表中设置媒体,南京工程学院计算机工程学院 徐梦溪,5.10.4 SMIL 2.0 其他变化,1. 预装载媒体文件 在显示期间预装部分媒体文件或是整个全部预装。 2. 改进的访问特性 设计者可以设置tab键的顺序，让用户按指定的顺序跳转到下一个连接； 用指定按键激活给定链接功能； 可以选择设置文本字母和音频文件描述。,南京工程学院计算机工程学院 徐梦溪,The End,