“笑”傲流媒体―SMIL基础教程

• 
  从实际情况来看，动画效果主要是针对图片产生的。所以，我们在这里用图片来做例子。其他的多媒体的制作方法是类似的。有兴趣的GG、JJ、DD和MM可以自己做做。
  （1） 运动动画
  为先睹为快，请在Realone player中运行下面的程序：
  < smil xmlns="http://www.w3.org/2000/SMIL20/CR/Language">
  < head>
  < layout>
  < root-layout width="800" height="600"/>
  < region id="Images" left="0" width="800" height="600"/>
  < /layout>
  < /head>
  < body>
  < img region="Images" src="http://www.qqread.com/cpp/g03.jpg" dur="6s">
  < animateMotion from="0 0" to="600 400" dur="4s"/>
  < /img>
  < /body>
  < /smil>
  
  解释：a、我们这里用到的是SMIL2.0规范中的规定的内容的。所以，在第一行里（xmlns="http://www.w3.org/2000/SMIL20/CR/Language"）我们必须声明我们所用的规范。不然的话，播放器可能不能正确解码、播放。
  b、 animateMotion标记声明的是我们所要的动画类型。注意：这里就是我们所说的骆驼写法，还记得吧！JJ
  c、 from="0 0" to="600 400"属性及其属性值声明的是动画从坐标点（0，0）运动到坐标点（600，400）。这里我们也可以写成：< animateMotion from="0，0" to="600，400" dur="4s"/>
  d、 dur="4s"属性及其属性值声明的是动画在4秒内完成。在我们这个例子中，图片的存在时间是6秒，那么动画完成后，将有2秒钟的时间静止不动。如果图片的存在时间小于动画存在时间，那么动画运动到半路上就的停止，这样的情况是该避免的。
  （2） 缩放动画
  下面我们看看另外的一种动画形式：缩放动画。先看效果！J
  < smil xmlns="http://www.w3.org/2000/SMIL20/CR/Language">
  < head>
  < layout>
  < root-layout width="800" height="600"/>
  < region id="Images" left="0" width="800" height="600" fit="meet"/>
  < /layout>
  < /head>
  < body>
  < img region="Images" dur="10s" src="http://www.qqread.com/cpp/g03.jpg" width="400" height="320">
  < animate attributeName="height" from="320" to="160" fill="freeze" dur="10s"/>
  < /img>
  < /body>
  < /smil>
  解释：animate attributeName="height" from="320" to="160"声明了动画的类型和参数。大家看了效果以后，在结合上面的参数的意义，各参数是什么意思我们也就不用多讲了。J
  
  
  7、 转场效果 首先解释一下什么是转场效果。我们的演示中多媒体片断是很多的，不可避免的会有两个片断之间的切换。例如：一个图片演示完了，该接着演示下一个图片，两图片中间是有一个过渡的。这个过渡我们就称谓转场效果。如果我们不设置转场效果，那么，过渡的效果肯定不好。LSMIL中的转场效果大致分为wipe和fade两类。（１） fade类型从名字就可以看出，这个是淡入淡出的效果。先睹为快！J　请看例子！< smil xmlns="http://www.w3.org/2001/SMIL20/Language">< head>< transition id="fade1" type="fade" suBType="fadeToColor" dur="4s" /> < transition id="fade2" type="fade" subtype="fadeFromColor" dur="4s" /> < /head>< body>< img src="http://www.qqread.com/cpp/g04.jpg" dur="10s" transIn="fade2" transOut ="fade1"/>< /body></smil>解释：a、transition声明我们要设置转场效果。id= "fade1"设置了该转场效果的id号。id号必须设置。type="fade"设置了转场效果的基本类型为fade。 subtype= "fadeToColor"设置了转场效果的具体类型（子类型）为fadeToColor（注意这里又是我们提到的骆驼写法！）。dur="4s"设置了该场效果完成的时间。b、transIn="fade2"设置了图片g04.jpg显示时采用转场效果fade2； transOut="fade1"规定图片g04.jpg完成显示时采用转场效果fade１。c、fade只有三个子类型。上面我们用了２个。还有一个是crossfade，这个也是缺省设置。
  
• 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• “笑”傲流媒体―SMIL基础教程 相关文章：
• ·IE7浏览器下载免验证IE7简体中文版下载
• ·知道对方的ip地址，如何查具体物理地址？
• ·Coreldraw12官方简体中文版下载及注册码
• ·关于多媒体控制器驱动无法安装问题
• ·Photoshop制作立体按钮
• ·如何更改winxp系统默认字体
• ·窗体控件大小随窗体大小变化而变化
• ·2008年北京奥运会体育图标
• ·3Dmax教程：用3D打造人体建模-手
• ·配置DHCP，ToD，TFTP服务在Cisco的cmts：一体化配置
• “笑”傲流媒体―SMIL基础教程 相关软件
• ·Microsoft Office 2003 Suite SP2 简体中文完整版
• ·抢滩登陆战 2002 简体中文版
• ·流星蝴蝶剑 威震八方 简体中文版
• ·Adobe Reader V8.1.0 简体中文版
• ·Kaspersky(卡巴斯基) KIS 安全套装 V6.0.2.621 MP2 简体中文正式免激活版
• ·VR特警2 简体中文版
• ·英雄无敌3:死亡阴影 Heroes of Might Magic 3:The Shadow of Death 简体中文版
• ·重返狼穴III：越南视线 Line of Sight: Vietnam 简体中文版
• ·Cool Edit Pro V2.0 简体中文版
• ·变色龙祖玛立体版

上一篇:gSOAP中内存的使用

下一篇:大教堂和市集

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐