Chapter5同步多媒体集成语言SMIL

南京工程学院计算机工程学院徐梦溪Chapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述SynchronizedMultimediaIntegrationLanguage（同步多媒体集成语言）将在Internet上不同位置的媒体文件关联到一起，媒体播放器通过载入SMIL文件，会根据文件中设置的播放顺序和位置等属性，将这些文件集成到同一窗口播放基于XML的标记语言是纯文本类型的语言SMIL文件是解释型的：Player载入SMIL文件后，读取其中的源代码，分析其语法结构，然后根据解释的结果播放各媒体文件。南京工程学院计算机工程学院徐梦溪5.1SMIL概述——优点避免使用统一的文件格式可以同时播放在不同地方（Server上）的多媒体片断时间控制对整个演示进行布局多语言支持多带宽支持简化创作工具南京工程学院计算机工程学院徐梦溪5.1SMIL概述——HowtoworkSMIL文件存在于WebServer中或流媒体Server中，根据支持的层次和显示中使用的数据类型，可以在很多不同的Player中播放一旦PlayerorBrowser拥有了完整的SMIL文件，它会在HeaderSection寻找显示的布局；在分析完HeaderSection后，Player检查BodySection，开始缓冲第一个要播放的流文件；然后Player会根据文件中指定的时间限制播放所以流文件南京工程学院计算机工程学院徐梦溪5.2SMIL语法规则5.2.1基本规则南京工程学院计算机工程学院徐梦溪5.2.2一元标签和二元标签一元标签是自包含的：由标签名、一个或多个赋值属性和表示结束的斜线构成，所有的内容都在尖括号中。eg.videosrc=“video/myvideo.rmbegin=“10s”repeat=“3”fill=“remove”/二元标签操作是成对的：第一个标签没有斜线，第二个标签用于结束标签，在标签名前拥有表示结束的斜线；包含一个或多个SMIL标签，以及对它们的操作。南京工程学院计算机工程学院徐梦溪5.2.3HeaderSection包含所有的元数据和SMIL显示的布局信息。包含在head和/head之间：meta/：允许designer为显示指定元数据，如Title，Author，Copyright。layout/layoutroot-layout/：指定显示的窗口大小；region/：允许designer指定播放流的窗口区域。不是必须包含在SMIL显示中。5.3关联媒体文件南京工程学院计算机工程学院徐梦溪5.4组合媒体文件5.4.1循序播放组合seq…/seq5.4.2同步播放组合par…/par5.4.3用指定媒体结束同步播放南京工程学院计算机工程学院徐梦溪南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌套使用——eg.1seq媒体对象1par媒体对象2媒体对象3/par媒体对象4/seq1234南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌套使用——eg.2par媒体对象1seq媒体对象2媒体对象3/seq媒体对象4/par1234南京工程学院计算机工程学院徐梦溪5.5在SMIL标签中设置定时控制时间顺序表——规定一个所关联的媒体对象或是媒体文件组合在什么时候播放，播放多长时间——SMIL文件的时间线通过SMIL中各个相关的媒体标记或是组合标记的时间属性来实现南京工程学院计算机工程学院徐梦溪ExampleAudio1Audio210.420.4071026TotalTimeLine23南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档的窗口布局1.在SMIL文件的头部，通过layout和/layout标记来设置窗口布局。2.在此layout标记群内，通过root-layout/标记来定义底层区域，即Player的主窗口大小；3.通过region/标记定义每一个播放区域的大小和位置。4.在SMIL文件的bodysection，通过定义相关媒体标记的region属性，在各播放区域中放置相应的可视媒体对象。南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档的窗口布局——文件结构smilheadlayoutroot-layout…/regionid=“name1”…/regionid=“name2”…/…/layout/headbodyrefsrc=“…”region=“name1”…/refsrc=“…”region=“name1”…/…/body/smil南京工程学院计算机工程学院徐梦溪5.6.1设置底层区域注意：虽然底层区域的定义可以省略，Player会根据其他区域的各个属性来计算底层区域的大小，为了避免出现意想不到的结果，定义底层区域会更加保险。底层区域中不能放置播放内容。为避免在显示的上下方或是边上出现黑色的区域，应当把宽高比设置为4：3，比如640×480，320×240。南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域（Cont’d）在采用百分值表示时，注意：南京工程学院计算机工程学院徐梦溪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.7SMIL布局范例南京工程学院计算机工程学院徐梦溪5.7依据条件选择播放内容switch选择项1条件属性=“条件1”/选择项2条件属性=“条件2”/选择项3条件属性=“条件3”/…/switch5.8在SMIL文件中创建链接5.8.1为可视媒体对象创建链接a…/a南京工程学院计算机工程学院徐梦溪南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接anchor…/coords属性南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接——使用coords属性定义热区注意事项南京工程学院计算机工程学院徐梦溪5.8.3链接到SMIL文件——注意事项南京工程学院计算机工程学院徐梦溪5.8.4设置链接打开方式1.show=“replace”(default)2.show=“new”3.show=“pause”南京工程学院计算机工程学院徐梦溪5.9RealNetworks的SMIL扩展性能南京工程学院计算机工程学院徐梦溪5.10SMIL2.0的新功能5.10.1SMIL2.0语法注：在编写SMIL2.0程序时，必须在第一行里进行相关声明表示使用SMIL2.0规范。xmlns=否则，Player不能正确解码和播放。南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画1.媒体的位置媒体文件剪辑或是区域可以在显示期间移动，设置在它播放剪辑的同时。2.媒体显示的大小剪辑或是区域的尺寸时刻以动态改变的。3.媒体文件的音频音量剪辑的音量可以在显示中改变。4.媒体的背景颜色区域的背景颜色在显示中是可以改变的。南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画（Cont’d）可以选择的动画效果值：1.使用to和from属性2.使用by属性3.在values属性中使用取值列表南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画（Cont’d）clacMode属性值：clacMode＝“discrete”：在不同取值之间没有动画clacMode＝“linear”：图像移动的每个值之间有均匀的时间间隔clacMode＝“paced”：图像移动经过每个点，且保持恒定的速度clacMode＝“spline”：使动画做减速运动南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画（Cont’d）animateColor：改变区域或是媒体剪辑的背景颜色。animateMotion：让标签指定的物体同时改变水平和竖直方向的位置。set：立即改变指定的取值，而不产生动画。南京工程学院计算机工程学院徐梦溪5.10.3SMIL2.0定时——同步行为在指定时间内，允许媒体不同步允许媒体相互之间完全失去同步在主显示的独立时间表中设置媒体南京工程学院计算机工程学院徐梦溪5.10.4SMIL2.0其他变化1.预装载媒体文件在显示期间预装部分媒体文件或是整个全部预装。2.改进的访问特性设计者可以设置tab键的顺序，让用户按指定的顺序跳转到下一个连接；用指定按键激活给定链接功能；可以选择设置文本字母和音频文件描述。南京工程学院计算机工程学院徐梦溪TheEnd