用RealPix制作流式图像文件

1、第六章 用realpix制作流式图像文件第六章 用realpix制作流式图像文件 本章将详细介绍用realpix编辑流式图像文件的全部过程，包括如何准备图像素材，realpix的语法结构、语法规则以及其所提供的各种标记的功能和写法。另外，还要着重介绍realpix的带宽策略。6.1 概述 和realtext一样，realpix也是由realnetwork推出的用于编辑流媒体的标记性语言，同样属于扩展型标记语言(xml)的范畴。运用realpix编辑的流式图像文件，也属于realsystem的流媒体系列，需要用相应的播放器realplayer来播放。通过realpix，将一组图像文件关联到同一个

2、realpix文件中，可以设置它们的显示时间，显示顺序。同时可以为图像之间的切换增加丰富的视觉效果。最主要的，可以使得组合后的图像文件也具有了流媒体的一切特性。你可以在internet上单独发布realpix文件，也可以通过smil语言，将其和其它格式的媒体文件，比如流式音频、流式视频，realtext以及动画等，组合在一起，成为网络多媒体节目。发布的方式和realtext一样，有点播和广播两种。 为了编辑realpix文件和测试其播放以及网络传输效果，读者需要具备下列工具：1. 图像编辑软件 在编辑realpix文件之前，首先需要对其所要显示的图像文件进行必要的编辑，并将它们转化成realp

3、ix支持的图像格式。适应的图像编辑软件有photoshop、paintshop等。2. 文本编辑器 和realtext一样，realpix是纯文本类型的语言，realpix文件也是标准的纯文本文件。因此，它的编辑和修改可以在任何文本编辑器中进行，比如windows的“记事本”。3. realplayer 在完成了realpix文件的编辑以后，在本地机上，可以用realplayer来播放该文件，以测试其播放效果是否和文件中定义的相符。另外，通过测试，也可以及时发现文件源代码中的语法错误。这里请读者注意，realplayer5.0及以前的版本不支持realpix文件的播放。4. real服务器 只

4、有通过real服务器，才能真正地测试realpix文件的网络发布效果。由于realpix文件的网络发布需要消耗比realtext多得多的传输带宽，实际测试其网络发布效果非常重要。另外，由于realpix文件所需传输的数据要大大超过realtext，通常不用web服务器作为其网络发布的媒体服务器。因为web服务器在发布流媒体时有很多局限性，对于传输数据量较大的流媒体，如realpix和流式视频，会出现意想不到的错误。5. microsoft excel 97 在编辑realpix文件时需要进行精确的带宽计算，realnetwork提供了一个应用软件，它是一个execl的工作表文件。6.2 创建流

5、式图像文件 和realtext一样，realpix也是通过其所提供的各种标记的排列和属性的设置，来定义文件中所关联的图像文件在某一时间的行为。但是，两者之间也有明显的不同。realtext所显示的内容-文字，是在编辑文件时直接输入的，也就是说，realtext的显示内容是直接包含在文件源代码中。而realpix所显示的内容-图像，其本身就是一个独立的文件。因此，在realpix的文件源代码中，只是定义了对图像文件的关联，也就是说，realpix和其所显示的内容不是同一个文件。realpix其实和smil一样，属于关联性的标记语言。6.2.1 准备图像源文件 首先，读者有必要先了解一些和inte

6、rnet相关的图像知识。和任何其它类型的网络资源一样，图像信息也是以文件的形式保存和传递的。由于其压缩方式和存储方式的不同，因此存在着多种多样的图像类型。目前在internet上最常见的图像类型有jpg/jpeg、gif和png。在windows中常见的bmp位图格式，由于文件体积太大，不利于网络传输，基本上不在网络中使用。1. jpg/jpeg图像(.jpg) jpg/jpeg(joint photographic experts group，联合图像专家组)图像采用的是有损压缩算法，在损失了原图像中不易为人眼察觉部分的情况下，获得较小的文件大小，从而利于网络的传递。jpg/jpeg图像的另

7、一特点是它支持24位真采色(16777216色)。因此，如果要显示的图像特别注重色彩效果，该图像格式是较理想的选择。2. gif图像(.gif) gif(graphic interchange format，图像交换格式)图像采用的是无损压缩算法，压缩后的gif图像保持了原始图像的所有信息。但是gif图像有一个致命的弱点，就是它仅仅支持8位的颜色(256色)，所以只能适用于对色彩效果要求不高的地方，如卡通图像。gif图像之所以在网络上流行的原因之一是它支持动画格式，它可以在一个图像文件中包含多帧画面，可以显示动感的图像效果。这是其它类型的图像，比如jpg/jpeg图像所不能做到的。gif图像的

8、另一个特点是它支持透背景，这尤其在网页制作时是非常有用的。gif图像有版本之分，最常见的版本为gif87a、gif89a、gif98a，只有gif98a才支持动画和透明背景。3. png图像(.png) png(portable network graphic，可携带式网络图像)图像由于被w3组织大力推荐，已经在网络上逐渐推广。png图像可以采用无损压缩算法，以真实重现原始图像的信息，同时它又支持真彩色，在文件大小上同jpg/jpeg没有太大的差别。png图像是一种格式上非常灵活的图像，它可以同时实现gif的一些特性，比如透明背景，还可以控制对图像的压缩比例，或是采用有损压缩算法，进一步减小文

9、件的大小。与jpg/jpeg不同的是，jpg/jpeg格式不支持256色，而png格式可以支持多种颜色，比如256色、16位色、24位真彩色，甚至更高的32位色等。 realpix支持以上所提到的所有图像格式，包括jepg、gif87a、gif89a、gif98a和png。其中，在独立的realpix文件中，gif和png的透明背景被保持，但如果realpix文件被smil集成到多媒体节目中，在smil指定的realpix播放区域中，gif和png的透明背景将不再起作用。 为了准备编辑一个realpix文件，首先需要做的是准备要显示的图像文件。你可以使用来自各种渠道的图像文件。可以是通过扫描仪

10、扫描得到的，从数码相机中输入的，从网络站点上下载的，或是通过其它途径获得的各种格式的图像文件。一般说来，图像文件的准备分为三个阶段。1. 原始图像 包括所有没有经过编辑加工和压缩的图像文件，比如来自扫描仪和数码相机的图像文件，通常都是bmp格式。在完成realpix文件编辑之前，这些原始资料是要保存好的，因为有时会再次用到它们，比如需要重新进行图像处理。2. 加工后的图像 包括使用图像编辑软件对原始图像进行处理和编辑后产生的中间环节的图像文件。处理的手段可以有改变原有的图像尺寸和色彩，截取原有图像的一部分，或是将原有的几幅图像合成新的图像文件。这些图像文件也应该是没有经过压缩的，因为你也许需要

11、再次对它们进行处理。3. realpix显示的图像 包括对处理过的图像进行压缩所获得的最终为realpix文件所关联的图像文件。用于图像压缩的软件工具很多，比如photoshop、paintshop等都可以将编辑处理后的图像直接输出成jpeg、gif和png格式。利用powerpoint的“保持为html”功能，可以将幻灯片一一转化成jpeg或gif图像文件，这在将powerpoint幻灯片文件上网发布时是非常有用的。对于同一个原始图像，甚至可以准备几个压缩文件。比如，压缩程度较小，图像尺寸较大的用于realpix的高带宽发布；压缩程度较大，图像尺寸较小的用于realpix的低带宽发布。6.2

12、.2 使用jpegtran优化jpeg图像 jpegtran是一个免费的应用程序，它可以用来优化流式图像文件中所关联的jpeg图像。大家知道，流媒体的网络传输是将文件分成多个小数据包依次传输的，每一个所关联的图像文件的传输当然也是这样。运用jpegtran优化的好处在于，一旦在网络传输中某一数据包丢失，对于经过优化的jpeg图像，realplayer仍然能对其后面的数据包进行解码和显示，也就是说，realplayer依然能显示图像，尽管图像可能不十分完整。对于没有经过优化的jpeg图像，如果有数据包在传输过程中丢失，该图像就不能被realplayer显示了。 运行windows系统下的jpeg

13、tran程序，首先要准备好要优化的jpeg图像。然后，启动windows的msdos环境，进入到包含jpegtran程序的目录中，用如下的dos命令来完成对jpeg图像的优化: jpegtran -restart 1b -outfile output.jpg input.jpg 其中input.jpg和output.jpg分别为优化前和优化后jpeg图像的文件名，这里假定要优化的图像文件和优化后输出的图像文件和jpegtran优化程序位于同一目录下。比如优化前的jpeg图像为image.jpg，优化后输出的图像为newimage.jpg，那么，dos命令如下所示： jpegtran -rest

14、art 1b -outfile newimage.jpg image.jpg6.2.3 建立realpix的时间线 所谓realpix的时间线，就是这个文件中，所有要显示图像的一个播放计划。建立时间线，就是具体地确定每一个图像文件被显示的时间点。所有这些时间点都是以整个realpix文件为参照系的。换句话说，建立时间线，就是建立一条从realpix文件播放开始到结束的时间轴，在这条时间轴上应该注明每一张图像播放的开始点和持续长度。 如果realpix文件是单独在网上发布，那么创作者完全可以按照自己的意愿来编排整个文件的播放计划。如果它是和其它格式的媒体组合成多媒体节目，相互之间有一个互相匹配的

15、过程，那么realpix时间线的建立就必须参考其它媒体对象的具体情形了。通常情况下，你必须首先准备好其它媒体文件，然后参照它们的时间线来确定realpix的播放计划。 比如，你想要将一个realpix文件和一个realaudio文件同步播放，用图像为声音增加直观的效果。这时你首先必须完成声音文件的编辑，然后根据声音的内容确定图像播放的先后次序，确定声音和图像相匹配的结合点，最后，播放声音文件，根据结合点在声音文件中出现的时间点来确定realpix文件的时间线。 当你已经准备好了realpix要播放的图像文件，建立好了文件对应的时间线，对图像之间交替时的效果也大致有了比较具体的考虑。就可以用re

16、alpix标记语言来编辑流式图像文件了。你会发现，在做好了所有的准备工作后，文件的编辑是一件相当轻松的事，realpix的语法结构并不比realtext复杂多少。但由于在网络上传输图像文件所占用的带宽要比传输文字多得多，在编辑realpix文件时，为了其获得正常的播放效果，还需考虑其带宽运用的策略。关于这一点，本书将在6.3节中详细讨论。6.2.4 编辑realpix文档 大家都知道，在internet上，好的图像所产生的效果，要远远超过无形的文字和声音，因为它能给浏览者一个直觉的印象，正所谓“百闻不如一见”。使用realpix标记语言，不仅可以把一组图像组合起来，设置显示区域和大小，设置显示

17、的次序和每一张图像的显示时间点，设置两张图像之间的切换方式，同时还可以设置该realpix文件传输带宽消耗。realpix语言为图像的显示提供了丰富的效果，可以实现单张图像的局部缩放，移动和旋转，两张图像之间的切换可以是全部的，也可以是局部的。而所有的效果都可以设置完成时间，也就是说，一个切换效果的持续时间可由作者自定义长短。所以realpix语言可以使得图像文件具有丰富的效果。更主要的，使得组合以后的图像文件也具有了流媒体的特性。可以说，realpix为internet多媒体家族又增添了新的生力军。 下面介绍创建一个realpix文件，并在网络上进行发布的一般步骤。至于具体的标记的写法和含义

18、，将在下一节中详细介绍。1. 首先要准备好需要显示的图像文件，对原始图像进行必要的处理，并将图像文件转化为realpix支持的图像格式。如果图像格式为jpeg，使用jpegtran进行优化。建立好realpix文件的时间线。2. 在文本编辑器中，建立一个新文档。realpix文件以为起始标记，以为结束标记，其它所有的文件内容都包含在这一对标记之中。文件的格式为： 其它的标记内容 3. 在和之间，加入所关联的文件，通过各种标记来定义图像的显示时间和显示方式。例如： 4. 完成文档的编辑后，将其保存为纯文本格式的文件，文件后缀名为.rp，表明文件是一个realpix文件。然后在你的本地机上，在re

19、alplayer中打开该文件来检验所编写的源代码是否正确，显示效果是否符合要求。当然，本地机上的检验并不能保证该文件在internet上传输正常。要保证其网络发布的正常，还需为其制订合适的带宽策略。5. 如果要将realpix文件和其它媒体对象组合成多媒体节目同步发布，需要用smil语言来控制整个播放行为。下面这个简单的例子定义了realpix文件和声音文件的同步播放。 6. 将文件保存到realserver上。如果你是使用网络服务代理商(isp)提供的realserver，就需要和其管理员联系如何来完成这项工作。7. 在你的网页中，建立和smil文件的超链接。如果只发布realpix文件，那

20、直接建立指向realpix文件的超链接。在浏览器中点击链接，将启动realplayer，播放链接内容。你也可以选择用浏览器来播放smil或realtext文件，这样就不需要另外启动realplayer。这需要将媒体文件作为插件或控件结合到网页中，关于这一点，本书将在第9章中详细介绍。8. 完成了上面这一切以后，在客户端浏览器中载入相关网页，点击链接，这时会启动realplayer播放realpix文件。你可以真正地检验由realpix标记定义的各项特性通过网络传输后的播放效果。6.2.5 控制图像的尺寸、位置和外观 和realtext文件一样，在realpix文件中，你可以定义其显示窗口的大小

21、，当realplayer单独播放该文件时，它会自动调整其播放窗口到所定义的尺寸。当然，如果是通过smil将realpix文件和其它可视媒体对象组合在一起同步播放，比如realtext或是视频文件，则realplayer的播放窗口肯定会大于在realpix中定义的窗口尺寸。如果所编辑的realpix仅仅是一个简单的诸如幻灯片放映之类的流式图像文件，你只需定义在规定的时间点图像在显示窗口中显示和消失就可以了。和显示窗口尺寸相同的图像会以原有的尺寸充满窗口，较大或较小的图像会改变其尺寸大小来适应显示窗口。 在显示图像时，有时你只想在窗口中显示源图像的某一部分，或者你想在窗口中同时显示两幅并列的图像。

22、realpix允许你指定源图像中要在窗口中显示的区域，同时也可以定义图像在显示窗口中的大小和位置。为了使读者更好地理解这些功能的工作原理，首先需要来介绍一些概念。 源图像 realpix文件中关联的、要在窗口中显示的图像文件。realpix可以一次显示一个源图像，也可以同时显示排列好的多个源图像。 显示窗口 realpix中定义的该文件在realplayer中的播放区域。它是通过设置realpix的头部标记的width和height属性来定义的。 源区域 源图像中要在realpix显示窗口中显示的部分。它可以是整个源图像，也可以是源图像中的任意一个部分。源区域的形状是方形的。 目标区域 是在r

23、ealpix显示窗口中，定义的源区域被显示的区域。它可以是整个窗口，也可以是窗口中的某一部分。读者可以把它想象成在realplayer播放窗口中的一个子窗口。目标区域的形状也是方形的。当然，源区域和目标区域并不一定要保存相同的大小尺寸。 要正确地定义图像的源区域和目标区域，首先必须了解源图像以像素值表示的尺寸大小，因为定义以上两种区域都必须用像素值来表示。然后，你可以通过在realpix标记中，设置以下这些属性来分别或同时定义这两种区域。如果对这两种区域不加以定义，则她们的默认值分别为：源区域为整个源图像，目标区域为整个realpix显示区域。 定义这些属性值时，所对应的坐标系分别为：源区域，

24、以源图像左上点为原点，上边缘和左边缘分别为横、纵坐标轴的向左、向下的坐标系；目标区域，以realpix显示区域左上点为原点，上边缘和左边缘分别为横、纵坐标轴的向左、向下的坐标系。1. “srcx”和“dstx” 分别定义了源区域(srcx)和目标区域(dstx)起始点(左上点)的横坐标值。默认值为0。2. “srcy”和“dsty” 分别定义了源区域(srcy)和目标区域(dsty)起始点(左上点)的纵坐标值。默认值为0。例如，源图像的左上点定义为srcx=0和srcy=0；realpix显示窗口的左上点为dstx=0和dsty=0。3. “srcw”和“dstw” 分别定义了源区域(srcw

25、)和目标区域(dstw)的宽度，单位为像素，其默认值分别为源图像和realpix显示区域的原有宽度。4. “srch”和“dsth” 分别定义了源区域(srch)和目标区域(dsth)的高度，单位为像素，其默认值分别为源图像和realpix显示区域的原有高度。 下面我们来看几个定义两种区域的实例。 在第一个例子中，源图像和realpix的显示区域尺寸相同，宽度和高度均为256像素。定义的源区域为源图像左上角的1/4区域，即源区域的宽度和高度均为128像素。省略了目标区域的定义，则目标区域为默认的整个显示窗口。源区域在目标区域中的显示结果是源区域的宽度和高度都被放大了一倍。图6-1为该例子的示意

26、图。定义的源代码为： srcx=0 srcy=0 srcw=128 srch=128图6-1 例1 第二个例子没有定义源区域，则源区域为整个源图像。定义目标区域为显示窗口的右上角1/4区域，宽度和高度都为128像素。当整个源图像在窗口中显示时，其高度和宽度都被缩小了一半。图6-2为该例子的示意图。定义的源代码为： dstx=128 dsty=0 dstw=128 dsth=128图6-2 例2 最后一个例子中对两种区域都作了定义，源区域依然是源图像的左上角1/4区域，高度和宽度都为128像素；目标区域为显示窗口中的某一部分，高度和宽度都为192像素。图6-3为该例子的示意图。定义的源代码为：

27、srcx=0 srcy=0 srcw=128 srch=128 dstx=54 dsty=32 dstw=192 dsth=192图6-3 例3 在上面的例子中，不知道读者有没有注意到，源区域和目标区域的宽度和高度之比都是1:1。换句话说，源区域和目标区域具有相同的高宽比。但是，在编辑realpix文件时，不可能都是这样的情况。如果源区域和目标区域的高宽比不同，可以通过设置realpix标记的aspect属性来定义源图像如何在目标窗口中显示。 如果设置了aspect=true，realpix将保持源区域的高宽比。比如，源区域高宽比为1:1，目标区域高宽比为2:3，当源区域出现在目标区域中时，仍

28、将保持其原有的高度和宽度比例，这样就不会发生图像扭曲的现象。 在这种情况下，realpix将源区域在目标区域中居中放置。调整源区域的高度和宽度，直到其某一边，或是高度，或是宽度，和目标区域相同，另一边则小于目标区域。这时目标区域中没有被源图像填充的部分显示定义的窗口背景色。 如果设置了aspect=false，realpix将改变源区域的高宽比，使源图像充满整个目标区域。这时源图像在显示时会发生扭曲变形。图6-4是以上两种情况的示意图。图6-4 aspect属性的设置效果6.3 realpix的标记及属性 在介绍realtext标记及其属性时，读者应该已经有了这样的印象，即只要是属于由标记性语

29、言编辑的文档，都是通过对标记的排列和标记属性的设置，来定义所要显示的对象及其在文档中的行为。由html编辑的网页，前面介绍的realtext文件，本章介绍的realpix文件以及后面所要介绍的smil文件都属于这一范围。 通过realpix标记及其属性的设置，可以建立realpix文件的时间线，关联所要显示的图像文件，可以产生丰富的视觉效果。一个典型的realpix标记的写法如下所示： 6.3.1 realpix的语法规则 在编辑realpix文件时，所要遵循的基本语法规则如下：1. 在realpix文件源代码中，除了关联的图像文件的路径和文件名以外，其它所有的代码都必须以小写英文字母来表示。

30、2. realpix的每一个标记都是封闭型的。除了realpix文件的起始和终止标记和以外，其它标记都是以“/”符号表示结束，如。3. 标记的属性值都必须包含在双引号内。4. 除了特殊的规定外，属性在标记中的排列顺序是随意的。5. realpix文件是纯文本文件。在完成文件编辑后，将其保存为纯文本格式，文件的后缀名为.rp。注意，文件名中不可含有空格。6. 在realpix文件的源代码中，你可以加入注释行。注释行的内容不会出现在显示窗口中，注释行以!开始，不需要结束符号“/”。例如： 6.3.2 realpix的头部标记 前面我们提到过，realpix文件的源代码都是包含在文件的起始和终止标记

31、：和中。这是realpix语言中唯一一对成对出现的封闭型标记。 在realpix源代码中，紧跟在起始标记后面出现的是头部标记。它的作用和html的头部标记和相似。两者不同的是，realpix的头部标记没有相应的结束标记，而是以“/”来表示标记的结束。 在头部标记中，可以定义标准的文件头部信息，比如作者、标题、版权等。作为流媒体文件，在realpix的头部标记中，还需要定义一些特定的属性，如持续时间和传输带宽等。下面就来介绍头部标记的各个属性。1. width和height: 这两个属性定义了realpix文件显示窗口的大小，它们是必须要设置的，属性值的单位为像素。当realplayer开始播放

32、realpix文件，它的播放窗口根据这里的设置自动调整到相应的大小。当将realpix文件和其它可视媒体对象，如realtext和流式视频文件，通过smil文件组合在一起时，需要在smil文件中为realpix设置播放区域。通常播放区域的大小应该和realpix的显示窗口相同。如果不同，就要由smil来设置如何处理，比如调整realpix的显示窗口来适应smil的播放区域。下面这个例子定义了一个256像素见方的显示窗口： 2. timeformat: 在编辑realpix文件时，经常需要用到时间值，比如定义每一个图像切换效果的开始和持续时间，定义整个realpix文件的播放长度等等。该属性定义

33、了realpix源代码中时间值的表示格式。其默认的时间表示格式是以千分之一秒为时间单位，例如用“5400”来表示5.4秒。在用这个格式表示时间时，时间值中不能含有冒号或小数位。 当然，你也可以将时间格式定义为前面介绍过的格式，即：dd:hh:mm:ss.xyz。定义的方法为： 。 至于该格式的含义，读者可以参考本书5.3.2中的相关内容。3. duration: 该属性定义了整个realpix文件的播放时间，它是必须设置的。如果定义的播放时间小于该文件的时间线，那么当播放时间结束时，该文件的播放也随之停止，而不管其时间线是如何设置的；如果定义的播放时间超过该文件的时间线，那么最后一幅图像将停留

34、在显示窗口中，直到播放时间结束。下面这个例子定义播放时间为50秒。 4. bitrate: 该属性定义了realpix文件传输时所可以消耗的最大带宽，它是必须要设置的。属性值的单位为比特/秒(bps)。至于如何根据realpix的具体情况来定义其bitrate属性，本书将在6.4中详细介绍。5. preroll: realplayer在开始接收realpix文件的数据后，需要经过一段预置时间，在这段时间里，realplayer需要对文件信息进行处理以获得realpix文件的一些基本特性，如窗口大小等。另外，还必须在内存中储存一定量的realpix文件数据以保证播放的正常。preroll属性就是

35、定义了这个时间的长短，它的设置是可选的。realplayer通常是根据realpix所关联的图像文件的大小和图像显示的时间点来计算其预置时间的。如果其计算值大于文件中的设定值，那文件中的设定值被计算值所替代。文件中的设定值只有在大于计算值时才有效。所以，除非想要人为地使预置时间延长，否则没有必要设置preroll属性。 当realpix文件和其它媒体对象组合成多媒体节目时，较长的预置时间对整个节目的顺利播放是非常有用的。比如，一个视频文件在realpix文件播放的中间开始播放。给realpix文件定义较长的预置时间可以使realplayer在开始播放realpix之前积存较多的数据。这样可以为

36、后面视频数据的传输提供更多的带宽。使得视频文件的播放正常。当然，对于用户来讲，预置时间越短越好，因为他们肯定不想在文件播放之前等待太长的时间。关于预置时间的具体概念，将在6.4中详细介绍。下面的例子定义了realpix文件的预置时间为40秒。 6. title、author和copyright: 这些属性定义了realpix文件的一些标准信息，它们的设置是可选的。在realpix文件播放时，title显示在realplayer播放窗口的标题栏上，其它显示在realplayer媒体信息栏中。如果realpix由smil组合播放，这些信息将被smil文件的相关信息所覆盖。下面是一个例子。 7. b

37、ackground-color: 该属性定义了显示窗口最初的背景色，默认值为黑色。在文件主体中，可以通过标记改变窗口背景色。颜色的取值我们将专门介绍。下面的例子定义窗口背景色为红色。 8. url: 该属性为显示窗口定义了一个超链接地址，它的设置是可选的。当文件在播放时，点击播放窗口，会启动用户端的默认浏览器载入链接内容。当然，这个链接在某些时候可以被某些特定的设置所替代。也可以通过这个属性定义打开一个新的realplayer播放窗口，播放一个新的流媒体文件。该属性设置的例子为： 9. aspect: 该属性的含义我们已经在前面介绍过了，它的默认值为“true”。当设置了aspect=true

38、或该属性缺省时，在目标区域中显示的图像将保持其原有的长宽比例。当设置了aspect=false而目标区域具有不同的长宽比时，图像原有的长宽比例将为了适应目标区域而发生变化，换句话说，图像在显示时将发生扭曲变形。在文件标记中设置的aspect属性将影响整个文件中所有图像的显示。当然，你也可以为某些图像定义单独定义其aspect属性，这时文件标记中的aspect属性值将被覆盖。该属性定义的写法为： 10. maxfps : 该属性的设置是可选的，它定义了文件显示时图像交替的最高速度，属性值的单位为“帧/秒”(fps)。通常该属性不用定义，realplayer会根据用户端计算机cpu的能力确定一个最

39、佳的速度。当其cpu有足够的能力时，最高速度可达30fps。当然，你也可以定义一个较小的速度来产生一些特殊的视觉效果，例如，定义maxfps=5可以产生视觉上的停顿。另外，当realpix文件作为smil文件的一个播放组件时，可以通过该属性的定义来平衡cpu的使用。当需要设置该属性时，它通常是被放在所有属性的最后。例如： 6.3.3 和标记1 标记 对于realpix所要显示的每一个图像文件，都是通过标记来关联它们的。通常在文件源代码中，标记紧接着标记出现，它描述了图像文件的位置，以及为该图像文件在realpix文件中提供了一个唯一的操作号。该标记有两个属性，name和handle，它们都是必

40、须设置的。标记的写法如下所示： 1）handle: 该属性的值是一个正整数，它为相应的图像文件提供了一个操作号，在整个realpix文件中，该操作号必须是唯一的。在realpix要引用一个图像文件时，它引用的是该图像文件的操作号而不是其文件名。该属性的写法为： 2） name: 该属性定义了图像文件的位置和名称。文件位置通常用对于realpix文件的相对路径来表示。相对路径的写法遵从html的语法规则。例如，下面的写法表示一个和realpix文件位于同一目录下的图像文件： 另一个例子表示位于realpix文件下一级image目录中的图像文件： 2 标记 标记的作用是在realpix的显示窗口中

41、产生一个带有颜色的方形区域，该标记在realpix文件播放的开头，或是你想在文件播放过程中显示一个方形区域以产生一些特殊的视觉效果时是非常有用的。该标记的写法为： 1） start: 该属性定义了标记相对于整个realpix文件的播放起点开始作用的时间，属性值为一个时间值，时间值的写法必须遵从标记中定义的时间值格式，它是必须设置的。2） color: 该属性定义了标记所产生的方形区域的填充颜色，颜色值的表示请读者参阅本书6.3.5。该属性是必须设置的。3） dstx，dsty，dstw，dsth: 这一组属性定义了方形区域在realpix显示窗口中的位置和大小。关于每个属性的含义，我们在6.2

42、.5中已经详细介绍过，请读者参阅相关章节。如果这一组属性缺省，则方形区域为realpix的整个显示窗口。6.3.4 图像切换效果标记 realpix提供了一系列的效果标记，可以产生多种多样的图像切换效果。正是由于这些标记的存在，才使得realpix在目前internet的多媒体领域中被广泛应用。下面我们来详细介绍这些标记的写法和含义。1 标记 标记产生的效果是显示窗口中原有的图像或色彩消失，而标记中引用的新的图像逐渐显示。该标记的写法如下所示。图6-4是该图像切换效果的示意图。 图6-5 fadein切换效果 读者可以通过观看本书随书光盘中fadein效果的实例来加深对该效果直观的印象。下面是

43、标记的各个属性及其含义。1） start: 该属性定义了fadein效果的开始时间，属性值是符合标记中所定义格式的时间值。效果开始的确切时间是对应于整个realpix文件播放的时间线而言的。该属性是必须设置的。下面的例子定义了fadein效果开始的时间为realpix时间线上的4秒处。 2） duration: 该属性定义了fadein效果的持续时间，属性值同样是符合标记中所定义格式的时间值。属性值越大，图像切换的进程就越缓慢。该属性是必须设置的。下面的例子定义了效果的持续时间为2.5秒。 3） target: 该属性指定了标记中所引用的新的图像，它是必须设置的，属性值为相应图像文件的操作数。

44、例如： 4） srcx、srcy、srcw、srch: 这一组属性定义了新图像的源区域。有关图像源区域的概念和各个属性值的含义，请读者参考6.2.5中的相关内容。这组属性的设置是可选的，如果它们缺省，则新图像的源区域为整幅图像。5） dstx、dsty、dstw、dsth: 这一组属性定义了显示新图像的目标区域。有关目标区域的概念和各个属性值的含义，请读者参考6.2.5中的相关内容。这组属性的设置是可选的，如果它们缺省，则显示新图像的目标区域为realpix的整个显示窗口。6） url: 该属性为新的图像定义了一个超链接地址。如果点击新图像，会启动用户端的默认浏览器载入链接内容。该属性的设置是

45、可选的。如果设置了该属性，realpix文件标记中定义的url属性在这里就被替代。7） aspect: 该属性定义了当目标区域的长宽比例与新图像源区域的长宽比不同时，显示时是否保持其原有的比例。该属性的设置是可选的。如果设置了该属性，realpix文件标记中定义的aspect属性在这里就被替代。8） maxfps: 该属性定义了fadein效果图像交替的最高速度。该属性的设置是可选的。如果设置了该属性，realpix文件标记中定义的maxfps属性在这里就被替代。该属性的设置通常放在标记所以属性的最后。2 标记 标记产生的效果是显示窗口中原有的图像或其某一部分逐渐消失，取而代之的是一个逐渐显示

46、的，填充了颜色的方形区域。该标记的写法如下所示。图6-6是该切换效果的示意图。 图6-6 fadeout切换效果 读者可以通过观看本书随书光盘中fadeout效果的实例来加深对该效果直观的印象。下面是标记的各个属性及其含义。1） start: 该属性定义了fadeout效果在realpix时间线上的开始时间，它是必须设置的。它的写法和含义与标记的start属性相同。2） duration: 该属性定义了fadeout效果的持续时间，它是必须设置的。同样，它的写法和含义与标记的duration属性相同。3） dstx、dsty、dstw、dsth: 这一组属性定义了显示窗口中所要产生fadeou

47、t效果的区域，它们的设置是可选的。如果它们却省，则产生效果的区域为整个显示窗口。4） color: 该属性定义了fadeout效果产生时，其显示的方形区域内所填充的颜色。颜色值的表示方法请参考6.3.5中的内容。该属性是必须设置的。5） maxfps 该属性的含义与标记的maxfps属性完全相同。3 标记 标记产生的效果是两个图像的替换。显示窗口中原有的图像或其某一部分逐渐消失，同时标记中引用的新的图像逐渐显示。在效果发生的过程中会产生两个图像的重叠。其实读者可以将其想象成fadein和fadeout两种效果的合成。图6-7是该效果的示意图。读者也可以通过本书随书光盘中crossfade效果的

48、实例来加深印象。下面是该标记的各个属性及其含义。图6-7 crossfade切换效果1） start: 该属性是必须设置的，它在realpix的时间线上定义了crossfade效果开始发生的时间点。例如： 2） duration: 该属性是必须设置的，它定义了crossfade效果的持续时间。属性的时间值越大，两个图像的替换也就越缓慢。例如： 3） target: 该属性是必须设置的，它关联了crossfade效果中所要显示的新的图像。其属性值是图像文件相对应的操作数。例如： 4） dstx、dsty、dstw、dsth: 这一组属性定义了crossfade效果在显示窗口中发生的区域，也就是新

49、图像显示的目标区域。如果这组属性缺省，该效果的发生区域就是整个显示窗口。如果定义了发生区域只是显示窗口的某一部分，那么原有图像只有这一部分被新的图像替换，它的其它部分仍然保持原样。例如，下面的例子定义了crossfade效果的发生区域为宽度和高度均为128像素的方形区域，其左上角位于和显示窗口的右边缘相距20像素，上边缘相距40像素处。 5） srcx、srcy、srcw、srch: 这一组属性定义了新图像参与crossfade效果、也就是在目标区域中显示的源区域。如果这组属性缺省，那么乞源区域就是整个新图像。关于源区域和目标区域的概念，读者可以参阅6.2.5中的相关内容。6） url: 该属性的设置是可选的，它为crossfade效果的发生区域定义了一个超链接地址。该属性的设置将在crossfade效果中覆盖realpix的标记中定义的超链接地