1 January 2000
要完成此教程, 您需要安装下列软件和文件:
尽管此教程是可选的, 但 Flash Communication Server 使您能够使用流式视频下载, 而不是渐进式视频下载。 有关更多信息, 请参阅本文“利用流式视频”一节。
同步文本/视频演示文稿 Flash 文件展示在 Web 上赋予公司型演示文稿活力的一个突出示例。 与标准静态幻灯片放映相比, 此看起来简单的演示文稿更有吸引力, 因为它把音频、视频和动画组合在一起。 此模板的特色是: 视频、使文本和图形与视频同步的幻灯片以及底部的导航按钮。 播放视频时, 幻灯片按预先设置的时间发生变化, 而导航按钮突出显示相关主题。 当用户点击其中一个按钮时, 视频和幻灯片自动将自己定位到该主题。
下面是一些示例, 说明您可以如何根据需要使此演示文稿充满活力:
本文概述模板结构和过程, 将提供的文件转换为适应自己需要的自定义演示文稿时必需此模板结构和过程。
本节概述使用模板的过程, 并指明从何做起。如果已熟悉模板布局和一般概念, 您可能需要跳到下面几节, 才能了解更多详细信息。如果从没有使用过模板, 或者不熟悉提供的文件结构, 就需要阅读本节。
您应该熟悉整篇文章中使用的下列术语:
整个模板中重复的关键概念之一就是视频内各区段的概念。大图片关于您将在视频内选择提示点的图片。Flash 模板的结构将以下列方式映射这些提示点:
为了取得最佳结果, 最好创建您要在电影中显示的区段的快速轮廓。此规划阶段的目标是确定从哪里把视频分开。根据逻辑推理, 您的观众希望跳到什么位置?然后, 您需要确定您想要为每个区段显示什么文本、图像和动画内容。您可以使用什么内容增强视频和引起视觉兴趣?
SynchronizedVideoPres.fla 文件包含工作范例的一个功能全面的示例。FLA 文件中的内容匹配在本文“简介”页的预览中看到的内容。花费一点时间研究 FLA 文件。
如果尚未下载 SynchronizedVideoPres.fla 文件, 请从“简介”页下载, 然后在 Flash MX 2004 Professional 中打开该文件。
注意“Stage” (级) 左边出现的“Screen Outline”(屏幕轮廓) 窗格。屏幕是 Flash MX 2004 Professional 新增的, 它们提供一种容易的组织分层内容的方法。另外, 屏幕充当容器, 媒体组件和媒体行为可依靠这些容器来创建视频与内容同步。
“Synchronized Video Template” (同步视频模板) 有三个屏幕区段 (参见图 1):
放映电影时, 背景屏和控件屏上的内容连续显示。在背景屏上, 您可以自定义用户界面图形。在控件屏上, 您可以自定义按钮以及更新媒体组件参数。媒体组件是加载和显示 FLV 文件时使用的机制。它用作演示文稿的一个中心点和控制器。
播放视频时, 控件屏下面的 12 个子屏幕一次显示一个。您可以添加一组自己的子屏幕, 并使它们与视频中的提示点区段相关联。为此, 您可以将屏幕名称输入控件屏上媒体组件的提示点参数中。
播放视频时, 视频触发子屏幕出现。视频包含特定时间的提示点, 以使此操作发生。每个提示点确定出现的屏幕。这样, 播放视频时, 12 个屏幕就会一个接一个地出现。
转到包含要更新的内容的屏幕, 并在那里进行更改, 这样您就可以修改演示文稿。这有点像修改 Microsoft PowerPoint 演示文稿中的幻灯片, 不同的只是您拥有更多动画功能。
如果不熟悉使用模板, 或者想知道从哪里开始, 那么就请从执行下列步骤做起:
如果打开 SynchronizedVideoPres.fla 文件, 您就会发现视频放在控件屏上, 控件屏包含视频和底部的按钮。此屏幕包含演示时屏幕上出现的所有元素。此屏幕与背景屏相似, 因为它总是显示, 但此屏幕被搁置在一边, 专门用来包含要演示的视频和导航控件。
要自定义屏幕上的视频, 您可以做以下几件事情:
图 2 显示自定义视频演示文稿时将会使用的 Flash 界面的区域
下面介绍如何使用演示文稿播放您的视频, 而不是播放提供的视频示例:
* 如果您的 FLV 视频文件是使用 Flash Video Exporter 1.1 版或更高版本编码的, 或者您目前使用 Flash Communication Server 提供视频, 那就不需要设置总视频时间字段 因为加载文件时, 会自动确定该字段的值 。但是, 如果您的 FLV 文件是通过别的方式创建的, 就可能需要用 hh:mm:ss:ff 小时, 分钟, 秒, 帧 格式设置总时间, 这样, 往复式控制条才会正常工作。您也可以使用一个称为 FLV MetaData Injector www.buraks.com/flvmdi 的免费实用程序, 将必要的元数据添加到 FLV 文件。此实用程序不仅添加确定 FLV 文件长度的必要的元数据, 而且还提供许多其它信息。
** 不需要将 FPS 弹出设置为您的视频剪辑的正确帧速率, 除非您需要使用 FF 字段以达到子秒精确度, 在此情况下, 此字段确定一秒钟的适当分数时基 例如, FF 中的 5 表示一秒钟的 5/30, 或一秒钟的 5/24 。
注意: 测试文件之前, 您需要将 Flash 文件保存到一个目录。确保视频文件位于与 Flash 文件目录相对的正确目录中。 图 3 中的相对路径是 FLV 文件示例, 该文件与将显示它的 Flash 电影并排。
注意媒体显示组件的参数中显示的提示点名称和计时。您将使用这些输入项使视频与正确屏幕内容同步, 并使按钮突出显示与正确按钮同步。有关输入和删除提示点值的更多信息, 请参阅“添加和删除屏幕”一节。
如果您的视频的大小不同于模板所预期的大小, 或者希望扩大您的视频, 您可以容易地更改视频显示大小。将视频放在演示文稿的任何位置。默认情况下, 视频出现在“Stage” (级) 的左中部。请牢记, 如果您更改视频的位置, 而且不相应调整每个子屏幕上的内容, 演示文稿中以后出现的其它视频就可能覆盖该视频:
添加播放控件非常容易。 您所需做的只是从“Components” (组件) 面板中添加另一个媒体组件。模板中的默认组件是一个 MediaDisplay 组件, 该组件没有与其关联的任何可见控件。 如果您将 MediaController 组件添加到“Stage” (级) , 您可以使控制器组件与显示组件关联。 请执行下列步骤:
// 使“Media Controller” (媒体控制器) 与显示关联
this.associateController( this._parent.controller );
完成时, 函数看起来应该是下面的样子:
on (load) {
// 启动“Slide Cue Point Behavior” (幻灯片提示点行为)
mx.controls.streamingmedia.behaviors.SlideCuePointListener.initializeListener(this, this._parent);
// 结束“Slide Cue Point Behavior” (幻灯片提示点行为)
// 使“Media Controller” (媒体控制器) 与显示关联
this.associateController( this._parent.controller );
}
可以通过任何所需方式自定义底部的按钮 (参见图 4)。您可以将图形、文本甚至动画添加到按钮。
屏幕底部的按钮按照 Flash 称为电影剪辑的方式进行组合。电影剪辑是有自己的时间范围的内容组, 这样就可以单独对其进行动画处理和编辑。在我们的案例中, 电影剪辑将我们的按钮组合到一个有自己的编辑区域的导航栏。
要更新导航栏, 您可以做以下几件事情:
将导航按钮集合移动到屏幕上另一个位置:
更新图形或用文本替换图形:
要调整已导入的图形的大小, 请右键单击 在 Mac 上, 按住 Control 键点按 , 并从弹出式菜单中选择“Free Transform” 自由变换 。使用手柄调整图像大小。请注意, 以想要在电影中使用的图像大小导入图像非常高效。
通过双击文本对其进行编辑, 可更改或删除底部的文本。通过更改工作区底部的“Property Inspector” 属性检查器 面板中的属性, 更改文本属性。
您可以更改导航按钮上出现的突出显示 参见图 5 。只有在想要更改颜色、添加文本甚至使突出显示成为一个图形 如精致帧 时, 才需要更改导航按钮上的突出显示。 多数人很可能将突出显示保留原样。
同一绿色突出显示框用于所有图形, 因此, 您只需要在一个地方更改绿色框。注意突出显示的大小与按钮的大小相同。电影放映过程中, 控件屏“Timeline” (时间线) 上的代码将动态地使突出显示与按钮左上边对齐。如果创建自定义突出显示图形, 请牢记这一点, 这样, 您就可以达到正确对齐。
由于项目中使用的所有图形都存储在库中, 所以您可以从库中直接打开此图形, 并对其更改一次:
您可以在此区域添加想要添加的任何东西, 其中包括图形或文本。当视频播放到此点时, 您添加的任何东西都会出现。请注意, 绿色突出显示实际上由两种稍微不同的绿色组成, 目的是产生一种发光效果。您可以更改其中一种或两种框颜色。
注意: 更改高光电影剪辑不会更改按钮的翻转状态。它只更改覆盖属于当前选择的按钮的图形。
要删除整个导航按钮栏, 请选择控件屏, 单击导航栏, 然后按 Delete 键。
只删除一个按钮的方法是不同的:
要添加按钮, 您可以使其它按钮变小, 以便给新按钮留出空间, 或者将新按钮放在屏幕上某个其它地方。不需要把按钮放在一行中。请执行下列步骤:
在“Property Inspector” 属性检查器 , 给按钮实例命名。当提示点变化时, 这会触发按钮突出显示。控制器要求名称采用提示点名称加 _btn 的格式。 例如, 如果提示点命名为 studiomx, 则匹配的按钮的实例名应是 studiomx_btn 参见图 7 。 您会记起, 提示点名称是在媒体组件参数中定义的, 同时匹配相应的屏幕。
m.play(Math.round(74));
注意: 按钮调用的视频时间代码与媒体组件中的关联提示点时间必须保持同步。这可确保当用户单击一个按钮时屏幕上的内容正确显示。根据所使用的视频编码, 使用一个时间代码会产生多种实际结果。如果单击一个按钮时内容显示不正确, 请尝试调整按钮上的时间代码, 或者调整媒体组件参数中的提示点时间。
您可以根据您的演示文稿的要求来自定义演示文稿中的用户界面和内容, 可以简单, 也可以复杂。
要自定义屏幕上的内容, 您可以做以下几件事情:
您可以添加徽标、背景图像或颜色、边框以及要在演示中显示的任何其它东西。除添加自己的视频外, 这很可能是使演示文稿看起来真正像您自己的演示文稿的最方便快捷的方法。
请牢记, 添加大型位图图像会极大地增加演示文稿的大小, 因而下载时会需要更多时间。因此, 采用 Flash 中的绘图工具或像 Macromedia Fireworks 这样的应用程序, 创建向量图形, 因为此类应用程序可减小背景图像。
要添加自己的图形或颜色, 请执行下列步骤:
添加新的背景图形:
对于某些文件类型, 您可能会看到另一个对话框, 该对话框包含可为特定文件设置的选项。
要调整图形大小, 请右键单击 (在 Mac 上, 按住 Control 键点按) 图形, 并从弹出式菜单中选择“Free Transform” (自由变换)。
要添加背景色或边框, 请选择背景屏, 并使用“Tools” (工具) 窗格中的绘图工具添加彩色框、绘制图形, 等等。您添加到背景屏的任何东西都会出现在后续屏幕上。
当播放视频时, 文本图形和动画出现在屏幕上。文本和图形与视频精密同步, 这样, 文本和图形就会在视频达到特定提示点 时出现。您很可能需要更新播放自己的视频时出现的文本和图形。
使用屏幕把内容放到演示文稿中。通过使屏幕出现与视频同步, 可控制在视频旁边出现的内容。当视频达到某些提示点时, 屏幕就会出现。
要添加自己的文本和图形, 只需编辑模板中每个屏幕上的文本和图形。通过将媒体组件中的提示点更改为在恰当时刻触发屏幕, 使这些屏幕与您的视频同步。
要更改模板中的屏幕, 只需选择要更改和编辑其内容的屏幕。编辑屏幕时, 您会看到背景图像和文本, 也会看到屏幕上的导航按钮, 但它们都很暗淡, 因而无法得知屏幕上有什么以及背景屏或控件屏上有什么。请记住, 您只能编辑屏幕上目前突出显示的文本。要编辑暗淡的文本, 请转到背景屏或控件屏 (参见图 9)。
模板中的多数文本和图形都是动画形式, 因此, 在屏幕出现时它们要么淡入, 要么移动 (参见图 10)。请随意保留或删除这些 Flash 效果。但是, 请注意, 使用此类动画有时会阻碍内容立即在屏幕上出现, 因为在您可以看到之前, 屏幕的内容必须先以动画形式显示出来。 要查看动画, 请单击“Timeline” (时间线) 开始处 (最左面) , 将红色当前帧指示器移动到该帧。沿着“Timeline” (时间线) 拖动红色帧指示器, 查看指示器下面的动画。 也可以单击“Timeline” (时间线) 上的最后一个帧, 查看动画结束状态。
编辑动画文本或动画图形时, 同样的动画将仍然适用。您可能需要删除图形和文本以及与它们关联的任何动画。执行此操作的最容易的方法是删除时间线中包含文本或图形的图层。
如果您添加新图形或文本, 并想要添加自己的动画, 请突出显示文本或图形, 选择“Insert” 插入 › “Timeline Effects” 时间线效果 , 并从许多可用动画中进行选择。
要编辑屏幕上的文本, 请双击该本文并输入自己的文本。也可以使用“Tools” 工具 调色板上的“Text” 文本 工具来添加文本。
要添加图形, 请通过选择“File” 文件 › “Import to Stage” 导入到级 来导入图形。
请注意, 如果您更改屏幕名称, 就必须更新媒体组件参数中的关联提示点名称以及导航栏中的关联按钮实例名称。可以这样做, 但您可能会发现保留默认屏幕名称更加容易。
前一节说明如何更改屏幕上的内容。本节将介绍如何添加和删除屏幕。当视频达到某个提示点时, 内容屏就会出现。无论何时添加或删除屏幕, 都必须添加或删除媒体组件上的相应提示点, 并更新导航栏中的关联按钮实例。
演示文稿包含 12 个内容屏。您可以根据需要添加任意数量的内容屏幕。
添加新屏幕:
您很可能希望使屏幕与视频同步, 从而使屏幕在视频播放时在某个提示点出现:
要添加新按钮, 请参阅“添加导航按钮”一节。
删除屏幕非常容易。只需突出显示左边的屏幕, 并按 Delete 键。同时还应该从视频中删除屏幕提示点:
对屏幕内容进行动画处理的另一种方法是使用转换行为。此方法可能对寻求在屏幕上方便快捷地创建移动的人来说具有吸引力。屏幕转换能够通过一系列预设转换类型对屏幕内容进行动画处理, 这些转换类型包括渐隐、缩放、 浮动和刷新, 等等。 屏幕转换可以在内容进入视图和退出视图时对其进行动画处理。 屏幕转换, 就像模板中的多数功能一样, 是通过“Behaviors” 行为 面板控制的。 要添加或编辑屏幕行为, 必须首先在“Screen Outline” 屏幕轮廓 窗格中选择屏幕。
请注意, 您可以在每个屏幕每个事件中使用多个行为。这意味着在显示和隐藏事件期间您可以将转换行为与其它行为组合在一起。当创建包含转换的屏幕, 且需要控制显示和隐藏屏幕时屏幕的时间线时, 这可能非常有用。
就像您在本文前面几节看到的一样, 媒体组件是模板的核心以及要显示的控件。媒体组件显示 FLV 格式。媒体组件能够使用渐进式下载或流式下载来下载 FLV 文件。如果使用 Flash Player 7 和 FLV 格式, 就可以使用渐进式视频。这是从 Web 服务器下载 FLV 文件的标准选项。与标准的嵌入式视频相比, 渐进式视频具有许多优势, 而且比较起来性能更高。
除了使用 Flash 内容外, 还可以使用 Flash Communication Server 或 FlashVideo Streaming Service 来实现流式视频。Flash Communication Server 是 Macromedia 的一种服务器产品, 用来使内容流动到 Flash 电影。流式 FLV 内容包含有渐进式视频的所有改进, 同时还增加了一些新特性, 例如, 带宽监控、更加高效地利用网络资源, 以及创建可实时更新的大型多用户应用程序的能力。
有关渐进式视频和流式视频的更多信息, 请参阅 Flash Video Primer 的“Flash 视频的提供选项”一节。
如果已经安装 Flash Communication Server 试用版, 或者已经可以访问 Flash Communication Server, 您就可以按照下列步骤, 在您的演示文稿文件中实现流式视频。
有关更多信息, 请参阅 Flash Communication Server 文档。
请注意, 您也可以使用 Macromedia 内容提供网络合作伙伴驱动的 Flash Streaming Service, 来实现完全流式视频功能。
可以使用多种方法不断增强演示文稿, 以便更加完善和更适应您的需要:
Flash User Forum |
More |
| 04/23/2012 | Auto-Save and Auto-Recovery |
|---|---|
| 04/23/2012 | Open hyperlinks in new window/tab/pop-up ? |
| 04/21/2012 | PNG transparencies glitched |
| 04/01/2010 | Workaround for JSFL shape selection bug? |
Flash Cookbooks |
More |
| 02/13/2012 | Randomize an array |
|---|---|
| 02/11/2012 | How to create a Facebook fan page with Flash |
| 02/08/2012 | Digital Clock |
| 01/18/2012 | Recording webcam video & audio in a flv file on local drive |