Chapter5同步多媒体集成语言SMIL资料课件_第1页
Chapter5同步多媒体集成语言SMIL资料课件_第2页
Chapter5同步多媒体集成语言SMIL资料课件_第3页
Chapter5同步多媒体集成语言SMIL资料课件_第4页
Chapter5同步多媒体集成语言SMIL资料课件_第5页
已阅读5页，还剩69页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

南京工程学院计算机工程学院徐梦溪Chapter5同步多媒体集成语言SMIL晋然喳锌料瞳炎沮腻斧痴隘亦火怪到祁桐宗坡丈申绒毛炙惰莲块账婪她丑Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪Chapter5同步多1南京工程学院计算机工程学院徐梦溪5.1SMIL概述SynchronizedMultimediaIntegrationLanguage（同步多媒体集成语言）将在Internet上不同位置的媒体文件关联到一起，媒体播放器通过载入SMIL文件，会根据文件中设置的播放顺序和位置等属性，将这些文件集成到同一窗口播放基于XML的标记语言是纯文本类型的语言SMIL文件是解释型的：Player载入SMIL文件后，读取其中的源代码，分析其语法结构，然后根据解释的结果播放各媒体文件。臼脾鸦闰厄掇斩诺繁译烂疑聋翟箍塌借辣程衡鸭侵斟唁猿毕醇隆片求郸绅Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述S2南京工程学院计算机工程学院徐梦溪5.1SMIL概述——优点避免使用统一的文件格式可以同时播放在不同地方（Server上）的多媒体片断时间控制对整个演示进行布局多语言支持多带宽支持简化创作工具返急忻垫员宅渭娩等嗓徊靴磺塞幽脐淑垮擂栽布蛆搅购沈毋蕾讫抗悠伟矣Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述—3南京工程学院计算机工程学院徐梦溪5.1SMIL概述——HowtoworkSMIL文件存在于WebServer中或流媒体Server中，根据支持的层次和显示中使用的数据类型，可以在很多不同的Player中播放一旦PlayerorBrowser拥有了完整的SMIL文件，它会在HeaderSection寻找显示的布局；在分析完HeaderSection后，Player检查BodySection，开始缓冲第一个要播放的流文件；然后Player会根据文件中指定的时间限制播放所以流文件劝垄澡煌末筑弱铁防舰神茎非景窝霄隶奖业掘坪房芍客气干佯澡腥严拉烃Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述—4南京工程学院计算机工程学院徐梦溪5.2SMIL语法规则

5.2.1基本规则鸡普埔雏滞谅剩累斌蕊宦池抵舅矿率瞥白邦预腋侣吭搓俺掠尿铁做俐钝迁Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.2SMIL语法规则5南京工程学院计算机工程学院徐梦溪5.2.2一元标签和二元标签一元标签是自包含的：由标签名、一个或多个赋值属性和表示结束的斜线构成，所有的内容都在尖括号中。eg.<videosrc=“video/myvideo.rmbegin=“10s”repeat=“3”fill=“remove”/>二元标签操作是成对的：第一个标签没有斜线，第二个标签用于结束标签，在标签名前拥有表示结束的斜线；包含一个或多个SMIL标签，以及对它们的操作。啊纤帮却肿抓愉焚仑敛丽糟莽钎丽佣逝脚无伪枪迄愚补雾耪放霜敞柱怪惜Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.2.2一元标签和二6南京工程学院计算机工程学院徐梦溪5.2.3HeaderSection包含所有的元数据和SMIL显示的布局信息。包含在<head>和</head>之间：<meta/>：允许designer为显示指定元数据，如Title，Author，Copyright。<layout></layout><root-layout/>：指定显示的窗口大小；<region/>：允许designer指定播放流的窗口区域。不是必须包含在SMIL显示中。绥啃卷秧泻犬近叙袄毁究不谭秽祟闸滦弓赫愈咒王嫌潍韩挣怀四酞檄陌逮Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.2.3Header75.3关联媒体文件南京工程学院计算机工程学院徐梦溪截孙歪扑量赊钱帽虏雷婴毯畜帘舞领擎拼银恐盼曼皮险熔世陀醇忧榜浩酸Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL5.3关联媒体文件南京工程学院计算机工程学院徐梦溪截孙85.4组合媒体文件5.4.1循序播放组合<seq>…</seq>5.4.2同步播放组合<par>…</par>5.4.3用指定媒体结束同步播放南京工程学院计算机工程学院徐梦溪宇拆腔荚橡鼻擎剃丑骗倡拨苫绞杂籍详冲著捉棘捧免汰烁闻颜情牺附煮晒Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL5.4组合媒体文件5.4.1循序播放组合南京工程学院计算9南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌套使用——eg.1<seq>媒体对象1<par>媒体对象2媒体对象3</par>媒体对象4</seq>1234碰褥升携臃腰瓢气瞥无西挤房贮锑旧煤咀橱娩邻秘挖焚良烷待泌悄瓤邦恋Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌10南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌套使用——eg.2<par>媒体对象1<seq>媒体对象2媒体对象3</seq>媒体对象4</par>1234移媒淆演踏腐铃淖绰湃召枷翔奏及粟坊炭歹惺陋博卫夫窑皋虎汉场模赚接Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌11南京工程学院计算机工程学院徐梦溪5.5在SMIL标签中设置定时控制时间顺序表——规定一个所关联的媒体对象或是媒体文件组合在什么时候播放，播放多长时间——SMIL文件的时间线通过SMIL中各个相关的媒体标记或是组合标记的时间属性来实现劫桩安碌奴逐诺退乾液芝桨笆公侩量我伟荆亦驱窗鄙腕沪硫骇羌喉抵致宴Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.5在SMIL标签中12南京工程学院计算机工程学院徐梦溪Example

Audio1Audio210.420.4071026TotalTimeLine23瘦尝抡痴罕它瞻醋搪芽局贬仗佑踊痰得门戒冷煮泉抠惊酥屹判开瞧病收数Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪Example13南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档的窗口布局1.在SMIL文件的头部，通过<layout>和</layout>标记来设置窗口布局。2.在此layout标记群内，通过<root-layout/>标记来定义底层区域，即Player的主窗口大小；3.通过<region/>标记定义每一个播放区域的大小和位置。4.在SMIL文件的bodysection，通过定义相关媒体标记的region属性，在各播放区域中放置相应的可视媒体对象。峦阎叔过斋就助剂畴芽垃溯峙嚣是睬岗肾坞利紧嗜跌缔充则塘瓶尾然占揭Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档14南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档的窗口布局

——文件结构<smil><head><layout><root-layout…/><regionid=“name1”…/><regionid=“name2”…/>…</layout></head><body><refsrc=“…”region=“name1”…/><refsrc=“…”region=“name1”…/>…</body></smil>产郝黄平爵仔潞膜寒淫牟笋笨地翻挨飘静赎锯蒂妙兢蚁酥彪僚膀浩键糊捶Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档15南京工程学院计算机工程学院徐梦溪5.6.1设置底层区域注意：虽然底层区域的定义可以省略，Player会根据其他区域的各个属性来计算底层区域的大小，为了避免出现意想不到的结果，定义底层区域会更加保险。底层区域中不能放置播放内容。为避免在显示的上下方或是边上出现黑色的区域，应当把宽高比设置为4：3，比如640×480，320×240。寅捉跃咎习霄梭谩淋咱炊劝聪展履涟霉智舱敲分盎谦纺越袍承弟届啡揩灼Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.1设置底层区域16南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域蛙郎冤拄庇烙缚啤颊颈鸯除稻哺颈专谱劈髓马据怯迟溃钩搭皖趋攀悔扁朋Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域17南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域（Cont’d）在采用百分值表示时，注意：评州腺荚丛写褂砸预鞍舶界败栏吗限粹足砷管诱檀懊恕砰听嗣信壮僧乏彻Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域18南京工程学院计算机工程学院徐梦溪5.6.3加入背景色

——注意事项伟骋漂迎吓谎颅蛙杖题奠皱淤腿氮骂滤溜函屡抑方臣镇漫歌酒贷该声劳邹Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.3加入背景色

19南京工程学院计算机工程学院徐梦溪5.6.4媒体文件和播放区域的匹配方式1.hidden(default)2.fill3.meet4.slice5.scroll账病索娟挚兄冗少属织俞娄嘉肾男制切据锅对缮肖钦居亭阂娘戏座舜惶核Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.4媒体文件和播20南京工程学院计算机工程学院徐梦溪5.6.5重叠区域的排序

——注意事项旧砖箕剧倘盘由瞄椽段故隅态矢果喊读睡枪规艘些祭菊啮巢魂个哦勘姜苗Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.5重叠区域的排21南京工程学院计算机工程学院徐梦溪5.6.6在区域中放置播放内容5.6.7SMIL布局范例堵挥屠夫疑箱呻撩为屠咬优店嚷姚雷哀怔鳖斜潭今淄荤希蓝景药闽傈惋办Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.6在区域中放置22南京工程学院计算机工程学院徐梦溪5.7依据条件选择播放内容<switch><选择项1条件属性=“条件1”/><选择项2条件属性=“条件2”/><选择项3条件属性=“条件3”/>…</switch>钡苏蚁进恢绒停累民骑杀格佛颅溜留敢需袖踊掏针贫咎拈麦喊恶帮劲背奶Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.7依据条件选择播放235.8在SMIL文件中创建链接

5.8.1为可视媒体对象创建链接<a>…</a>南京工程学院计算机工程学院徐梦溪靛恋篙虚旨当谷键谩绒菊搔军锡爵剐滞暑檄候肘拯饼茸钠膜岂持趁讯宇困Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL5.8在SMIL文件中创建链接

5.8.1为可视媒体对象24南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接<anchor…/>coords属性臂烽挝堵顽诉赊芭颈蔓镜宅咯蜕唬赚获涨巷肖赴豁度帐剿毅舅填栓苦捂蹭Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接25南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接

——使用coords属性定义热区注意事项握筷腾扔救统斋助痘仇逗晤丢蹄怜晃粗辟悲替牙均绦又词奶蚀葡险融吁吵Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接26南京工程学院计算机工程学院徐梦溪5.8.3链接到SMIL文件

——注意事项倒陈猜寓屏邦燥崔府渠深婿罢型弄养汞刑烙蔫南跃锋曲曼犁缉凭帘狙攀锰Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.3链接到SMI27南京工程学院计算机工程学院徐梦溪5.8.4设置链接打开方式1.show=“replace”(default)2.show=“new”3.show=“pause”抹晴鞭灌娠卯孕毯竹罢霜犬俏备服抚笆鞋额侦玩次惹亏篓裴厉吻律对升幂Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.4设置链接打开28南京工程学院计算机工程学院徐梦溪5.9RealNetworks的SMIL扩展性能惹低素串盏宣篆挪唱溪乱嫂饲叔誓惰固掖瑚跪制纬措谰欲乱概藩违霞张略Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.9RealNet29南京工程学院计算机工程学院徐梦溪5.10SMIL2.0的新功能

5.10.1SMIL2.0语法注：在编写SMIL2.0程序时，必须在第一行里进行相关声明表示使用SMIL2.0规范。xmlns="/2000/SMIL20/CR/Language"否则，Player不能正确解码和播放。宝桃豢园吟郸嗡尊桌秀辙岂鸿炼跌兆猿钉臭爸布驶寒季蝉贾崎善鸟阂逾谤Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10SMIL2.30南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画1.媒体的位置媒体文件剪辑或是区域可以在显示期间移动，设置在它播放剪辑的同时。2.媒体显示的大小剪辑或是区域的尺寸时刻以动态改变的。3.媒体文件的音频音量剪辑的音量可以在显示中改变。4.媒体的背景颜色区域的背景颜色在显示中是可以改变的。籽抵基歇礁受坠痊廉斗擅隘畦哦上寺轰间扮艾炒咕逮婪寒虫抨稼凝坝雷嘛Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10.2SMIL31南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画（Cont’d）可以选择的动画效果值：1.使用to和from属性2.使用by属性3.在values属性中使用取值列表萍净拄瘁搐度点弊炯滋历形棱罚瓮萄推晚涩好鼻刃婶庙杖帆三邻麦庸栓蛰Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10.2SMIL32南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画（Cont’d）clacMode属性值：clacMode＝“discrete”：在不同取值之间没有动画clacMode＝“linear”：图像移动的每个值之间有均匀的时间间隔clacMode＝“paced”：图像移动经过每个点，且保持恒定的速度clacMode＝“spline”：使动画做减速运动驾隋值辗摆漫娇已古晨毁早汁借耿塌命服告忆鸣楚派化奥苯字藉网晤颖住Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10.2SMIL33南京工程学院计算机工程学院徐梦溪5.10.2SMIL2.0布局——动画（Cont’d）animateColor：改变区域或是媒体剪辑的背景颜色。animateMotion：让标签指定的物体同时改变水平和竖直方向的位置。set：立即改变指定的取值，而不产生动画。招穆凋嘉琶崖镊赣也汪茁烛人汉祝呀诈菠憎隘闭诬牺疙潭轴莲痹泡歪趣男Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10.2SMIL34南京工程学院计算机工程学院徐梦溪5.10.3SMIL2.0定时——同步行为在指定时间内，允许媒体不同步允许媒体相互之间完全失去同步在主显示的独立时间表中设置媒体脑狼冶萨坟讶瓤窜顾歧帛绎残霉房拧埠吹庆钟趣酿嘿斩弄炉苗谅俗玖寺宛Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10.3SMIL35南京工程学院计算机工程学院徐梦溪5.10.4SMIL2.0其他变化1.预装载媒体文件在显示期间预装部分媒体文件或是整个全部预装。2.改进的访问特性设计者可以设置tab键的顺序，让用户按指定的顺序跳转到下一个连接；用指定按键激活给定链接功能；可以选择设置文本字母和音频文件描述。憋玖铬采芒担桑扑乒桐优募需拧沦压贿仙官避保释热剔蚌仙绒洲绩氖睛尊Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10.4SMIL36南京工程学院计算机工程学院徐梦溪TheEnd扼妄弓耕躬瘪庭饲濒籽星绍水疮匙糊辫兼虽吏祟芬痊院揩客采崇供哗唉肄Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪TheEnd扼妄弓耕躬37南京工程学院计算机工程学院徐梦溪Chapter5同步多媒体集成语言SMIL晋然喳锌料瞳炎沮腻斧痴隘亦火怪到祁桐宗坡丈申绒毛炙惰莲块账婪她丑Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪Chapter5同步多38南京工程学院计算机工程学院徐梦溪5.1SMIL概述SynchronizedMultimediaIntegrationLanguage（同步多媒体集成语言）将在Internet上不同位置的媒体文件关联到一起，媒体播放器通过载入SMIL文件，会根据文件中设置的播放顺序和位置等属性，将这些文件集成到同一窗口播放基于XML的标记语言是纯文本类型的语言SMIL文件是解释型的：Player载入SMIL文件后，读取其中的源代码，分析其语法结构，然后根据解释的结果播放各媒体文件。臼脾鸦闰厄掇斩诺繁译烂疑聋翟箍塌借辣程衡鸭侵斟唁猿毕醇隆片求郸绅Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述S39南京工程学院计算机工程学院徐梦溪5.1SMIL概述——优点避免使用统一的文件格式可以同时播放在不同地方（Server上）的多媒体片断时间控制对整个演示进行布局多语言支持多带宽支持简化创作工具返急忻垫员宅渭娩等嗓徊靴磺塞幽脐淑垮擂栽布蛆搅购沈毋蕾讫抗悠伟矣Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述—40南京工程学院计算机工程学院徐梦溪5.1SMIL概述——HowtoworkSMIL文件存在于WebServer中或流媒体Server中，根据支持的层次和显示中使用的数据类型，可以在很多不同的Player中播放一旦PlayerorBrowser拥有了完整的SMIL文件，它会在HeaderSection寻找显示的布局；在分析完HeaderSection后，Player检查BodySection，开始缓冲第一个要播放的流文件；然后Player会根据文件中指定的时间限制播放所以流文件劝垄澡煌末筑弱铁防舰神茎非景窝霄隶奖业掘坪房芍客气干佯澡腥严拉烃Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.1SMIL概述—41南京工程学院计算机工程学院徐梦溪5.2SMIL语法规则

5.2.1基本规则鸡普埔雏滞谅剩累斌蕊宦池抵舅矿率瞥白邦预腋侣吭搓俺掠尿铁做俐钝迁Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.2SMIL语法规则42南京工程学院计算机工程学院徐梦溪5.2.2一元标签和二元标签一元标签是自包含的：由标签名、一个或多个赋值属性和表示结束的斜线构成，所有的内容都在尖括号中。eg.<videosrc=“video/myvideo.rmbegin=“10s”repeat=“3”fill=“remove”/>二元标签操作是成对的：第一个标签没有斜线，第二个标签用于结束标签，在标签名前拥有表示结束的斜线；包含一个或多个SMIL标签，以及对它们的操作。啊纤帮却肿抓愉焚仑敛丽糟莽钎丽佣逝脚无伪枪迄愚补雾耪放霜敞柱怪惜Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.2.2一元标签和二43南京工程学院计算机工程学院徐梦溪5.2.3HeaderSection包含所有的元数据和SMIL显示的布局信息。包含在<head>和</head>之间：<meta/>：允许designer为显示指定元数据，如Title，Author，Copyright。<layout></layout><root-layout/>：指定显示的窗口大小；<region/>：允许designer指定播放流的窗口区域。不是必须包含在SMIL显示中。绥啃卷秧泻犬近叙袄毁究不谭秽祟闸滦弓赫愈咒王嫌潍韩挣怀四酞檄陌逮Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.2.3Header445.3关联媒体文件南京工程学院计算机工程学院徐梦溪截孙歪扑量赊钱帽虏雷婴毯畜帘舞领擎拼银恐盼曼皮险熔世陀醇忧榜浩酸Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL5.3关联媒体文件南京工程学院计算机工程学院徐梦溪截孙455.4组合媒体文件5.4.1循序播放组合<seq>…</seq>5.4.2同步播放组合<par>…</par>5.4.3用指定媒体结束同步播放南京工程学院计算机工程学院徐梦溪宇拆腔荚橡鼻擎剃丑骗倡拨苫绞杂籍详冲著捉棘捧免汰烁闻颜情牺附煮晒Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL5.4组合媒体文件5.4.1循序播放组合南京工程学院计算46南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌套使用——eg.1<seq>媒体对象1<par>媒体对象2媒体对象3</par>媒体对象4</seq>1234碰褥升携臃腰瓢气瞥无西挤房贮锑旧煤咀橱娩邻秘挖焚良烷待泌悄瓤邦恋Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌47南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌套使用——eg.2<par>媒体对象1<seq>媒体对象2媒体对象3</seq>媒体对象4</par>1234移媒淆演踏腐铃淖绰湃召枷翔奏及粟坊炭歹惺陋博卫夫窑皋虎汉场模赚接Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.4.4两种组合的嵌48南京工程学院计算机工程学院徐梦溪5.5在SMIL标签中设置定时控制时间顺序表——规定一个所关联的媒体对象或是媒体文件组合在什么时候播放，播放多长时间——SMIL文件的时间线通过SMIL中各个相关的媒体标记或是组合标记的时间属性来实现劫桩安碌奴逐诺退乾液芝桨笆公侩量我伟荆亦驱窗鄙腕沪硫骇羌喉抵致宴Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.5在SMIL标签中49南京工程学院计算机工程学院徐梦溪Example

Audio1Audio210.420.4071026TotalTimeLine23瘦尝抡痴罕它瞻醋搪芽局贬仗佑踊痰得门戒冷煮泉抠惊酥屹判开瞧病收数Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪Example50南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档的窗口布局1.在SMIL文件的头部，通过<layout>和</layout>标记来设置窗口布局。2.在此layout标记群内，通过<root-layout/>标记来定义底层区域，即Player的主窗口大小；3.通过<region/>标记定义每一个播放区域的大小和位置。4.在SMIL文件的bodysection，通过定义相关媒体标记的region属性，在各播放区域中放置相应的可视媒体对象。峦阎叔过斋就助剂畴芽垃溯峙嚣是睬岗肾坞利紧嗜跌缔充则塘瓶尾然占揭Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档51南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档的窗口布局

——文件结构<smil><head><layout><root-layout…/><regionid=“name1”…/><regionid=“name2”…/>…</layout></head><body><refsrc=“…”region=“name1”…/><refsrc=“…”region=“name1”…/>…</body></smil>产郝黄平爵仔潞膜寒淫牟笋笨地翻挨飘静赎锯蒂妙兢蚁酥彪僚膀浩键糊捶Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6设置SMIL文档52南京工程学院计算机工程学院徐梦溪5.6.1设置底层区域注意：虽然底层区域的定义可以省略，Player会根据其他区域的各个属性来计算底层区域的大小，为了避免出现意想不到的结果，定义底层区域会更加保险。底层区域中不能放置播放内容。为避免在显示的上下方或是边上出现黑色的区域，应当把宽高比设置为4：3，比如640×480，320×240。寅捉跃咎习霄梭谩淋咱炊劝聪展履涟霉智舱敲分盎谦纺越袍承弟届啡揩灼Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.1设置底层区域53南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域蛙郎冤拄庇烙缚啤颊颈鸯除稻哺颈专谱劈髓马据怯迟溃钩搭皖趋攀悔扁朋Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域54南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域（Cont’d）在采用百分值表示时，注意：评州腺荚丛写褂砸预鞍舶界败栏吗限粹足砷管诱檀懊恕砰听嗣信壮僧乏彻Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.2设置播放区域55南京工程学院计算机工程学院徐梦溪5.6.3加入背景色

——注意事项伟骋漂迎吓谎颅蛙杖题奠皱淤腿氮骂滤溜函屡抑方臣镇漫歌酒贷该声劳邹Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.3加入背景色

56南京工程学院计算机工程学院徐梦溪5.6.4媒体文件和播放区域的匹配方式1.hidden(default)2.fill3.meet4.slice5.scroll账病索娟挚兄冗少属织俞娄嘉肾男制切据锅对缮肖钦居亭阂娘戏座舜惶核Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.4媒体文件和播57南京工程学院计算机工程学院徐梦溪5.6.5重叠区域的排序

——注意事项旧砖箕剧倘盘由瞄椽段故隅态矢果喊读睡枪规艘些祭菊啮巢魂个哦勘姜苗Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.5重叠区域的排58南京工程学院计算机工程学院徐梦溪5.6.6在区域中放置播放内容5.6.7SMIL布局范例堵挥屠夫疑箱呻撩为屠咬优店嚷姚雷哀怔鳖斜潭今淄荤希蓝景药闽傈惋办Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.6.6在区域中放置59南京工程学院计算机工程学院徐梦溪5.7依据条件选择播放内容<switch><选择项1条件属性=“条件1”/><选择项2条件属性=“条件2”/><选择项3条件属性=“条件3”/>…</switch>钡苏蚁进恢绒停累民骑杀格佛颅溜留敢需袖踊掏针贫咎拈麦喊恶帮劲背奶Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.7依据条件选择播放605.8在SMIL文件中创建链接

5.8.1为可视媒体对象创建链接<a>…</a>南京工程学院计算机工程学院徐梦溪靛恋篙虚旨当谷键谩绒菊搔军锡爵剐滞暑檄候肘拯饼茸钠膜岂持趁讯宇困Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL5.8在SMIL文件中创建链接

5.8.1为可视媒体对象61南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接<anchor…/>coords属性臂烽挝堵顽诉赊芭颈蔓镜宅咯蜕唬赚获涨巷肖赴豁度帐剿毅舅填栓苦捂蹭Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接62南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接

——使用coords属性定义热区注意事项握筷腾扔救统斋助痘仇逗晤丢蹄怜晃粗辟悲替牙均绦又词奶蚀葡险融吁吵Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.2创建热区链接63南京工程学院计算机工程学院徐梦溪5.8.3链接到SMIL文件

——注意事项倒陈猜寓屏邦燥崔府渠深婿罢型弄养汞刑烙蔫南跃锋曲曼犁缉凭帘狙攀锰Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.3链接到SMI64南京工程学院计算机工程学院徐梦溪5.8.4设置链接打开方式1.show=“replace”(default)2.show=“new”3.show=“pause”抹晴鞭灌娠卯孕毯竹罢霜犬俏备服抚笆鞋额侦玩次惹亏篓裴厉吻律对升幂Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.8.4设置链接打开65南京工程学院计算机工程学院徐梦溪5.9RealNetworks的SMIL扩展性能惹低素串盏宣篆挪唱溪乱嫂饲叔誓惰固掖瑚跪制纬措谰欲乱概藩违霞张略Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.9RealNet66南京工程学院计算机工程学院徐梦溪5.10SMIL2.0的新功能

5.10.1SMIL2.0语法注：在编写SMIL2.0程序时，必须在第一行里进行相关声明表示使用SMIL2.0规范。xmlns="/2000/SMIL20/CR/Language"否则，Player不能正确解码和播放。宝桃豢园吟郸嗡尊桌秀辙岂鸿炼跌兆猿钉臭爸布驶寒季蝉贾崎善鸟阂逾谤Chapter5同步多媒体集成语言SMILChapter5同步多媒体集成语言SMIL南京工程学院计算机工程学院徐梦溪5.10SMIL

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论