多媒体应用系统技术 光盘教案 第十章

1、多媒体应用开发第十章10.1 多媒体开发工具10.1.1 基于光盘的多媒体开发工具10.1.2 基于网络的多媒体开发工具10.1.3 基于高级程序设计语言的多媒体开发2多媒体应用系统技术10.1.1 基于光盘的多媒体开发工具1PowerPointPowerPoint作为MS Office家族的一员，被广泛用于演示文稿和多媒体简报的制作，虽然使用方便，但在动画制作能力和交互控制方面的表现却明显不足。3多媒体应用系统技术10.1.1 基于光盘的多媒体开发工具2ToolBookToolBook是基于电子著作系统的多媒体制作工具。用ToolBook创作多媒体作品的过程如同在编制一本电子书，先建立书的整

2、体框架，然后在书中添加页，再把文字、图像、按钮等元素放入页中。在此基础上，还可以利用软件提供的脚本设计语言OpenScript编写代码，以实现交互式应用。这种电子书有较强的表现力和交互性能，但制作起来比较复杂。4多媒体应用系统技术10.1.1 基于光盘的多媒体开发工具3DirectorDirector是基于时间线的多媒体集成开发工具，它模仿导演电影的过程。Director内置的行为库可为作品提供丰富的动画和交互性能。Director独特的脚本设计语言Lingo大大增加了多媒体作品开发的灵活性。Director在多媒体集成能力、2D动画制作能力、交互能力以及作品发布形式的多样性等方面都有突出表现

3、，业已成为多媒体领域主流的集成制作和开发工具。使用Director开发的多媒体产品不仅可以通过光盘发布，也可以采用交互式流媒体形式在因特网上发布。5多媒体应用系统技术10.1.1 基于光盘的多媒体开发工具4AuthorwareAuthorware是基于流程图的交互式多媒体制作工具，先使用系统提供的图标建立应用程序的流程图，搭建多媒体作品的整体框架，再逐个编辑图标，添加内容。可以使用Authorware编程语言进行交互设计。尽管Authorware的动画制作能力不是很强，但如果与3DS MAX、Photoshop、Flash等多媒体素材制作软件结合使用，就可以开发出非常优秀的多媒体应用产品。Au

4、thorware在计算机辅助教学领域以及电子出版物市场得到了广泛的应用。6多媒体应用系统技术10.1.2 基于网络的多媒体开发工具1HTML超文本标记语言HTML是组织网络多媒体文档最基本和最重要的语言。HTML用固有的标记来描述和显示网页内容，可以实现资源链接，插入图像、动画、声音和数字视频等各种多媒体元素。通常，HTML构成网页的框架，利用嵌入的脚本语言JavaScript或VBScript增加网页特效，并实现动态网页设计，再运用CSS样式表来控制网页整体或者局部的显示样式。7多媒体应用系统技术10.1.2 基于网络的多媒体开发工具2XML可扩展标记语言XML是对HTML的补充，着重描述网

5、页内容的数据形式和结构。XML与相关领域结合，可以扩展出许多专门的标记语言，例如，同步多媒体综合语言SMIL就是XML在多媒体领域的应用实例，可以用来为流媒体视频配上同步字幕。8多媒体应用系统技术10.1.2 基于网络的多媒体开发工具3VRML虚拟现实造型语言VRML是一种用来描述WWW页面上3D交互环境的语言，使用了虚拟现实技术。利用VRML可以创建虚拟的物体，如建筑物、山脉、飞船、星球等，也可以在虚拟空间中添加声音、动画，使虚拟场景更加生动。通过把VRML浏览软件（如Cosmo Player）插入到网页浏览器中，就可以实现3D浏览。9多媒体应用系统技术10.1.3 基于高级程序设计语言的多

6、媒体开发有编程经验的多媒体开发者往往对基于高级程序设计语言的可视化编程环境情有独钟。Visual C+、Delphi、Visual Basic（VB）是目前被广泛应用于多媒体开发的高级语言。这些语言可以充分利用操作系统提供的MCI（媒体控制接口）控件、MCI指令字符串和API（应用程序接口）函数，来扩展多媒体系统的性能，并有效提高开发的灵活性。10多媒体应用系统技术10.2 Director在多媒体开发中的应用10.2.1 Director简介10.2.2 Director的基本操作10.2.3 简单动画的制作10.2.4 行为及其附着10.2.5 脚本与交互10.2.6 声音和数字视频的使用

7、10.2.7 综合实例介绍11多媒体应用系统技术10.2.1 Director简介Director是美国Adobe公司的产品。可以跨平台使用（Windows和Macintosh）。制作交互式教学、娱乐和用于商业展示的数字作品。以数字电影的形式把自己的作品发布到互联网上。Director已经渗透到多媒体应用领域的方方面面，从电子图书、技术培训、旅游推介、商务会展到家庭娱乐等，成为主流的多媒体集成制作软件。12多媒体应用系统技术10.2.1 Director简介1Director MX 2004的主要功能可以方便地集成文本、位图、矢量图、GIF动画、Flash动画、3D动画、数字音频、数字视频、流

8、媒体等各种多媒体元素，极大丰富电影的表现力。可以使用Xtras插件来增强Director的创作能力。可以使用脚本语言Lingo或JavaScript来实现多媒体的交互。可以跨平台发布多媒体产品，Director同时支持Windows和Macintosh两种操作系统。13多媒体应用系统技术10.2.1 Director简介2Director的工作原理Director 是以拍摄电影的概念来制作多媒体产品的。每一部Director电影都是由演员表、剧本和舞台等要素有机构成的，而Director用户就是Director电影的导演。在Director电影中的每一个多媒体元素（包括文本、图像、动画、音频、

9、视频和按钮等）都可以看作是演员（Cast Member），演员存储在演员表（Cast）中。剧本（Score）用来对演员的出场顺序进行编排，还要为电影指定特效和交互功能。舞台（Stage）是演员演出的场所，电影的剧情只有通过舞台才能展示出来。传统电影在制作完成以后，还要做成拷贝进行发布，Director电影也可以采用多种格式进行数字化发布。14多媒体应用系统技术10.2.1 Director简介3Director电影的创建步骤组织多媒体元素编排多媒体元素添加交互发布电影15多媒体应用系统技术10.2.1 Director简介4Director的工作环境演员表（Cast）舞台（Stage）剧本（S

10、core）控制面板（Control Panel）属性检查器（Property Inspector）库面板（Library Palette）脚本（Script）窗口16多媒体应用系统技术Director的工作环境舞台剧本演员表属性检查器库面板17多媒体应用系统技术Director的工作环境(1) 演员表（Cast）演员是Director电影中最基本的要素，演员表则是Director电影中所有演员的集合。使用演员表，用户不仅可以创建或导入新演员，还可以查看和编辑已经存在的演员。选择“WindowCast”菜单命令可以打开演员表窗口。18多媒体应用系统技术Director的工作环境(2) 舞台（St

11、age）舞台是演员演出的场所，在Director电影播放的时候，观众看到的所有演出都发生在舞台上。选择“WindowStage”菜单命令可以打开舞台窗口。用户可以用鼠标将演员表中的演员拖入舞台以形成演出用的精灵。19多媒体应用系统技术Director的工作环境(3) 剧本（Score）定义演员的出场、退场时间以及行为方式。选择“WindowScore”菜单命令可以打开剧本窗口。剧本窗口由两部分组成，上半部分是特效通道区，下半部分是精灵通道区。将演员从演员表拖入某个精灵通道中，可以形成演出用的精灵。20多媒体应用系统技术Director的工作环境(4) 控制面板（Control Panel）控制

12、面板用来控制Director电影的播放，如调整播放速度、音量等。选择“WindowControl Panel”菜单命令可以打开控制面板。21多媒体应用系统技术Director的工作环境(5) 属性检查器（Property Inspector）属性检查器用来对Director中的演员、精灵和整部电影的属性进行查看和设置。选择“WindowProperty Inspector”菜单命令可以打开属性检查器面板。22多媒体应用系统技术Director的工作环境(6) 库面板（Library Palette）库面板是集成和管理Director中所有内置行为的地方。行为可以被附着到舞台上的精灵或者剧本中的

13、某个帧之上，从而为Director电影增加交互性能。选择“WindowLibrary Palette”菜单命令可以打开库面板。23多媒体应用系统技术Director的工作环境(7) 脚本窗口（Script）选择“WindowScript”菜单命令可以打开脚本窗口。通过在脚本窗口中编写脚本，可以为Director电影加入交互特性。Director的脚本有两种：传统的脚本语言Lingo和Director MX 2004新增的脚本语言JavaScript。24多媒体应用系统技术10.2.1 Director简介5Director电影文件的格式Director电影源文件dir文件Director电影的

14、发布格式标准放映机（exe文件）Shockwave放映机（exe文件）Shockwave电影（dcr文件）Protected电影（dxr文件）25多媒体应用系统技术Director电影源文件在制作好一部Director电影之后，首先要通过“FileSave”菜单命令将其保存为电影源文件（Director Movie），扩展名为dir。Director电影源文件保存了可供编辑的电影原始数据。26多媒体应用系统技术Director电影的发布格式标准放映机标准放映机电影文件的扩展名为exe，是一部电影的独立版本，可用于光盘发布。特点：含有播放电影时需要用到的可执行数据。内置了播放器的代码，可以直接运

15、行。27多媒体应用系统技术Director电影的发布格式Shockwave放映机Shockwave放映机电影文件的扩展名也是exe。没有内置播放器的代码，所占用的磁盘空间要比标准放映机小。利用操作系统中的Shockwave播放器来播放电影。当用户的操作系统中没有安装Shockwave播放器时，Shockwave放映机就会提示用户下载并安装Shockwave播放器。28多媒体应用系统技术Director电影的发布格式Shockwave电影Shockwave电影采用流媒体传输方式，主要用于在因特网上发布或浏览电影，其扩展名为dcr。特点：去掉了电影中的可编辑数据（可防止非法篡改）而只保留可执行数据

16、。对电影中的数据进行尽可能的压缩。不含Shockwave播放器代码，而是利用操作系统中基于Web浏览器的Shockwave插件来对电影中的数据进行解压缩并播放。相对于Director其他发布格式，Shockwave电影所占用的磁盘空间最小，适用于在网上发布交互式的多媒体作品。29多媒体应用系统技术Director电影的发布格式Protected电影Protected电影用于对Director电影中的数据进行保护，也就是将电影中的编辑数据删除，而只保留可执行数据。Protected电影文件的扩展名为dxr。Protected电影与Shockwave电影有许多相似的特征，但主要区别在于，Prote

17、cted电影所包含的数据是未经过压缩的，由于在播放时不需要进行解压，所以其播放效果更为流畅。Protected电影除了可以在网上发布外，还常用于光盘的发布。30多媒体应用系统技术10.2.1 Director简介6安装Shockwave播放器为了能在浏览器中顺利地播放Shockwave电影（扩展名为dcr）或Protected电影（扩展名为dxr），还需要正确安装基于Web的Shockwave Director播放器插件。下载并安装Shockwave播放器的最新版本：http:/shockwave/download31多媒体应用系统技术10.2.2 Director的基本操作1Director

18、电影的创建、保存和打开2舞台的设置3演员的创建和导入4剧本和精灵的设置5Director电影的发布32多媒体应用系统技术10.2.2 Director的基本操作1Director电影的创建、保存和打开要创建一部新的Director电影，主要有以下3种方法：启动Director MX 2004，在启动界面上单击“Create New Director File”选项，可以创建一部新电影。在Director MX 2004工作界面中，选择“FileNewMovie”菜单命令创建一部新电影。在Director MX 2004工作界面中，单击工具栏上的“New Movie”按钮创建一部新电影。33多媒

19、体应用系统技术10.2.2 Director的基本操作要保存Director电影的所有可编辑数据，即存为扩展名为dir的源文件，也有几种方法：选择“FileSave As”菜单命令或其他Save命令。单击工具栏上的“Save”或“Save All”按钮。应该养成使用“FileSave and Compact”命令的习惯，这样不仅可以优化电影文件的存储结构，而且还可以节省所占用的磁盘空间。34多媒体应用系统技术10.2.2 Director的基本操作打开Director电影源文件进行编辑，可采用以下两种方法：通过Director中的“FileOpen”菜单命令来打开dir类型的文件。通过双击文件

20、夹中dir类型的文件，直接将其打开。35多媒体应用系统技术10.2.2 Director的基本操作2舞台的设置“ModifyMovieProperties” 设置舞台的大小（Stage Size ）、颜色（Color ）和位置（Location ）设置精灵通道的数目（最多1000个精灵通道 ）36多媒体应用系统技术10.2.2 Director的基本操作3演员的创建和导入演员表的使用（“ModifyMovieCasts” ）演员的创建位图演员（“WindowPaint” ）矢量演员（“WindowVector Shape”）文本演员（“WindowText”）域演员（“WindowField”

21、）演员的导入使用导入方式 标准导入方式（Standard Import）链接导入方式（Link to External File）使用插入方式 （“InsertMedia Element”）演员的属性设置37多媒体应用系统技术10.2.2 Director的基本操作4剧本和精灵的设置剧本的设置通道的打开和关闭特效通道的使用标记通道速度通道调色板通道过渡效果通道声音通道1、声音通道2脚本通道帧通道（时间线）的使用精灵通道的使用在Director MX 2004中，最多可以使用1000个精灵通道。在舞台上，编号较大的通道中的精灵位于上层，编号较小的通道中的精灵位于下层。38多媒体应用系统技术10.

22、2.2 Director的基本操作标记通道速度通道调色板通道过渡效果通道声音通道1声音通道2脚本通道帧通道（时间线）精灵通道39多媒体应用系统技术10.2.2 Director的基本操作精灵的设置精灵的公共属性设置（“EditPreferencesSprite” ）精灵的详细属性设置（选中精灵 属性检查器 “Sprite”标签 ）设置关键帧（“InsertKeyframe” ）改变精灵在舞台上的显示顺序（改变精灵所处的通道）改变精灵的出场时刻（拖动精灵所在的帧序列 ）改变精灵占据的帧数（拖动精灵的起始帧和结束帧 ）精灵的剪切、复制和粘贴（“Edit”菜单 ）40多媒体应用系统技术10.2.2

23、Director的基本操作5Director电影的发布在发布Director电影之前，首先要进行发布属性的设置。选择“FilePublish Settings”命令，打开“Publish Settings”对话框，通过针对性的设置，可以将Director电影发布为标准放映机、Shockwave放映机、Shockwave电影等各种格式。使用Xtras插件工具还可以将Director电影源文件转换为Protected电影格式。41多媒体应用系统技术10.2.2 Director的基本操作【实例10-1】 世博文字动画舞台上出现世博会徽。一排文字“欢迎参加2010年上海世博会”在舞台的下方从右向左不

24、断地滚动显示。文字完全出现在舞台上后，停顿2秒钟，并继续滚动。文字滚动时的颜色由蓝色渐变为红色，最后渐变成绿色。 42多媒体应用系统技术10.2.3 简单动画的制作1帧连帧动画2关键帧动画3实时录制动画4胶片环动画43多媒体应用系统技术10.2.3 简单动画的制作1帧连帧动画将动画中的每一个画面都制作为一个演员，然后再将这些画面一帧一帧地连接起来，并以一定的速度播放，从而产生动画效果。在使用帧连帧动画制作技术制作动画的时候，每个演员在剧本窗口中都要占据一帧的位置，每一帧中画面的生成都必须使用鼠标拖动来完成，也就是说，动画包含有多少帧，就必须使用鼠标左键拖动多少次演员。44多媒体应用系统技术10

25、.2.3 简单动画的制作【实例10-2】 圣诞老人动画（帧连帧动画）45多媒体应用系统技术10.2.3 简单动画的制作2关键帧动画只要制作出关键帧中的画面，关键帧之间的普通帧由Director自动生成。Director在创建关键帧之间的普通帧时，使用一种称为Tweening的技术。使用Tweening技术可以创建精灵的路径、大小、旋转角度、倾斜角度、前景色、背景色、混合度以及加速度等发生变化的动画。46多媒体应用系统技术10.2.3 简单动画的制作【实例10-3】 “狼来啦”动画（关键帧动画）47多媒体应用系统技术10.2.3 简单动画的制作3实时录制动画一种方便快捷的动画制作技术。使用这种技

26、术，当鼠标在舞台上移动时，Director会自动记录下鼠标移动的轨迹，并根据需要形成动画效果。可以制作出比较复杂的动画。48多媒体应用系统技术10.2.3 简单动画的制作【实例10-4】 飞鸟动画（实时录制动画）49多媒体应用系统技术10.2.3 简单动画的制作4胶片环动画用来制作动画片段，这有助于减少对周期性动作的重复制作，从而提高动画制作的效率。50多媒体应用系统技术10.2.3 简单动画的制作【实例10-5】 群鸟齐飞（胶片环动画）51多媒体应用系统技术10.2.4 行为及其附着用户可以把行为添加到Director电影中，从而使电影或动画具有强大的交互性能。所谓行为就是预先编制好的可重复

27、使用的Lingo脚本或JavaScript脚本。 52多媒体应用系统技术10.2.4 行为及其附着1使用行为库Director的内置行为库是以库面板（Library Palette）的形式呈现的。使用“WindowLibrary Palette”命令可以打开库面板。单击库面板左上角的“Library List”按钮，可以打开行为库菜单，从中选择一个类别或子类别，就会出现相应的行为库。53多媒体应用系统技术10.2.4 行为及其附着2行为的附着将行为附着到精灵或帧上（从库面板中拖动一个行为到舞台或剧本窗口的精灵中 ）附着行为时的注意事项可以为多个精灵或帧设置同样的行为，但它们使用的行为参数可以不

28、同。可以为一个精灵设置多个行为，这些行为将按顺序执行。只能为一帧设置一个行为。54多媒体应用系统技术10.2.4 行为及其附着3行为的设置和修改行为参数的修改（“WindowBehavior Inspector” ）调整行为的执行顺序Shuffle DownShuffle Up55多媒体应用系统技术10.2.4 行为及其附着【实例10-6】 世博会徽动画（行为的应用）制作一个旋转推出的世博会徽动画。旋转的同时，伴随淡入效果。56多媒体应用系统技术10.2.5 脚本与交互行为毕竟是预先编写好的脚本模块，修改和使用起来缺乏一定的灵活性。为了适应更加灵活的交互需求，或者创建结构简单清晰的电影动画，可

29、以直接把自己编写的脚本加入到所制作的电影或动画中。Director MX 2004同时拥有2种脚本语言：LingoJavaScript。57多媒体应用系统技术10.2.5 脚本与交互1脚本的功能可以对数字音频和数字视频进行控制可以对文本进行交互控制可以对按钮的行为进行控制可以直接对演员表中的演员进行控制可以实现电影中各画面之间的切换和导航可以实现交互式的因特网应用可以对3D动画进行控制可以扩充Director的功能58多媒体应用系统技术10.2.5 脚本与交互2脚本的创建脚本可以分为多种类型：演员脚本精灵脚本帧脚本电影脚本父脚本无论创建哪一种类型的脚本，Director都会给出一些预置信息，它

30、们是编写脚本的框架结构。59多媒体应用系统技术10.2.5 脚本与交互3触发事件脚本是对特定触发事件的响应程序。有许多动作都将导致事件的发生。在Lingo脚本中，对事件的响应是以on开头，后面紧跟事件的名称，然后是脚本语句，最后以end结尾。60多媒体应用系统技术10.2.5 脚本与交互事件名称含义beginSprite播放头移动到指定精灵的帧中endSprite播放头离开指定精灵enterFrame播放头进入指定帧exitFrame播放头离开指定帧keyDown键盘中的某键被按下keyUp键盘中的某键被释放mouseDown鼠标左键被按下且没有释放mouseEnter鼠标指针进入指定精灵的外

31、围方框mouseLeave鼠标指针离开指定精灵的外围方框mouseUp鼠标左键被按下并释放mouseWithin鼠标指针悬停在精灵外围方框区域的内部moveWindow电影窗口被移动prepareMovie电影预载入演员完毕之后，准备播放第1帧之前prepareFrame当前帧绘制完毕之前resizeWindow调整电影的窗口大小rightMouseDown鼠标右键被按下rightMouseUp鼠标右键被按下并释放startMovie播放头进入电影第1帧stepFrame播放头进入指定帧stopMovie电影停止播放61多媒体应用系统技术10.2.5 脚本与交互4用脚本实现导航导航操作是 Di

32、rector电影中最重要的操作。所谓导航，是指在播放电影时播放头在剧本窗口中的不同帧之间来回移动，从而实现电影画面的切换。Lingo（或JavaScript）的导航命令可以分为两类：go命令play命令62多媒体应用系统技术10.2.5 脚本与交互5脚本中的控制语句Lingo的结构控制语句：if语句（分支）case语句（多路分支）repeat语句（循环）63多媒体应用系统技术10.2.5 脚本与交互【实例10-7】 上海世博会展馆（脚本的应用）制作一段展示上海世博会展馆的Director电影。电影中的图片持续淡入淡出播放。单击文字“东方之冠-中国馆”，文字变成“世博中心”，相应的图片也变成“世博中心”的画面。再单击文字，又变回原来的文字和图片，如此反复。64多媒体应用系统技术10.2.5 脚本与交互【实例10-8】 遮罩动画（组件和脚本的应用）遮罩技术在电影和动画创作中被广泛使用。当遮罩图形在某张位图上移动时，只有遮罩经过的位图