控制 web 视频使用 ActionScript 3 FLVPlayback 编程.doc

使用ActionScript3 FLVPlayback控制Web视频的编程样本文件flvplayback _ cs5 _ samples.zip (7088 kb )本文概括介绍了adobeflashprofessionalcs5中内置的用于在web上查看视频的解决方案，即ActionScript 3中编程的FLVPlayback组件。 提交或动态运行时，可以使用组件的ActionScript编程接口手动操作FLVPlayback组件。 要利用此组件的所有功能，必须采用动态方法。Flash专业CS5允许您添加代码以控制视频播放器、使用代码片段面板的视频部分或直接在动作面板中编写代码。 在本文中，简单的调整将复制并粘贴到“动作”面板中的代码中。 使用自定义示例和简短描述，您可以创建自己的控件以加载、启动、搜索和停止一个或多个视频。注： FLVPlayback组件的ActionScript 3版本仅在“组件”面板中可用。 打开现有的ActionScript 2时，它将显示在ActionScript 2 FLVPlayback和Flash MX 2004媒体组件面板中。 不能在ActionScript 2文件中运行ActionScript 3组件。 反之亦然。如果您使用的是Flash专业人员8或ActionScript 2文档，请参阅本文中用于控制web视频的ActionScript 2 FLVPlayback的行为和早期版本入门本节概述了开始自定义ActionScript 3的视频播放。 如果您有经验，可以使用ActionScript 3中的FLA视频和FLVPlayback组件继续下一页的文章。简介要了解编码FLV和H.264视频并将其与FLVPlayback组件结合使用，您必须熟悉以下资源Flash视频学习指南：逐行视频和流视频H.264是留给我们的人编码选项H.264视频(adobe媒体编码器或闪存媒体编码服务器)使用Adobe媒体编码器CS5关于ActionScript 3 FLVPlayback组件如本文所述，您需要ActionScript 3 FLVPlayback组件以及FLV或MPEG 4文件提供的示例代码。注：您可以使用ActionScript 3 FLVPlayback组件在9，0，115或更高版本的Flash Player中查看使用H.264编解码器编码的视频文件。 H.264视频支持MPEG 4格式，如F4V、MP4、M4A、MOV MP4V、3GP和3 2。关于FLVPlayback ActionScript API在整篇文章中，搜索FLVPayback组件的应用程序编程接口(API )很耗时。 组件的API是列表中的属性、方法和事件，允许ActionScript在运行时操作属性中定义的视频播放器的属性。 例如，设置在source属性中定义的视频的URL，启动播放器并加载文件。方法是引起发生事件的函数。 例如，在视频播放器中调用play ()方法可播放视频。事件是时机提示，发信号时的事情正在发生。 例如，当您想要做某件事时，视讯会回应播放的完整事件。了解ActionScript API是了解如何与Flash组件编程的第一步。 有关ActionScript 3 FLVPlayback API的详细信息，请参见Adobe Flash平台的FLVPlayback类部分中的ActionScript 3参考。有关ActionScript 3的基本概述，请参阅ActionScript 3学习手册。关于示例文件上文显示了下载并解压缩示例文件的文件夹，以显示控制短FLV文件工作的示例代码。 每个文件设置始终关注主时间轴中的两个图层：资源和动作。 资源图层包含FLVPlayback组件中包含的“视图”和操作图层中包含的代码。 使用示例文件作为指南，并将其与创建或使用来构建自己的项目的文件进行比较。设置自己的文件执行代码示例对于每个示例，必须完成FLV文件、FLVPlayback组件实例和操作层中的几行代码。 要使用本文中的示例代码，请执行以下步骤1 .在桌面上创建文件夹或选择保存文件的位置。 将FLV或FLV文件的副本从示例文件的文件夹保存到此位置。Flash专家将创建ActionScript 3 FLA文件。 保存到文件的最后一步中所述的FLV文件旁边。3 .重命名资产的默认层14 .打开组件面板，然后从视频文件夹中拖动FLVPlayback组件的一个实例。 由于使用的是ActionScript 3 FLA文件，因此可用的组件是ActionScript 3 FLVPlayback组件。注意：您也可以创建FLVPlayback组件和其他UI组件，并将其以编程方式部署，但必须首先将这些组件从组件面板复制到当前FLA文件的库中。 本文的另一个目的是将FLVPlayback组件拖到舞台上，命名实例，导航到所需的视觉，然后启动文档。5 .将组件放置在舞台上，并根据需要使用“自由变形”工具调整其大小。提示：您可以自动选择，然后在“属性”面板中单击视频播放器，其视频大小为源参数的大小。 视频播放器，用于自动设置组件源参数的大小。 如果选择了与源维匹配的选项。6 .选定组件和“属性”面板中实例的名称。注意：本文档的示例使用实例名称显示为FLVPlayback实例。 使用此实例名称或使用与视频组件的实例名称更改匹配的代码名称。7 .创建新图层并命名操作8 .在操作层的帧1中选择关键帧并打开动作面板(F9)。9 .将从内文或示例文件复制的示例代码粘贴到文本编辑器的“动作”面板中。10 .使用视频组件的实例名称FLV文件和URL更新FLV源变量并更新FLV控制变量。11 .导出控件输入(swf )或发布影片以查看结果。理解工作文件在以上步骤中执行后，处理包含FLV文件的HTML文件、主FLA文件、SWF文件或外观元素SWF文件的文件数量会减少。 所有这些文件的FLA文件不需要上载到逐步的视频部署服务器。此时，您将首先看到所需的背景。 以下各节介绍如何设置使用ActionScript 3和FLVPlayback组件的常规功能。加载、预加载和视频显示程式化载入视讯的开始位置通常是相同的。只有在元件参数中设定的视讯档案URL。 在ActionScript 3 FLVPlayback组件中使用source属性定义的FLV视频的URL。 使用其他属性几乎不会影响视频的加载和播放开始方式。本节的内容如下所示导入fl.video包加载视频文件并设置其autoPlay属性预加载处理添加进度条组件视频停止在第一帧时，显示图像复盖应用淡化过渡如果您想知道如何设置文件，请参阅本文档的“简介”部分。导入fl.video包软件包是一组类，它们提供了在ActionScript 3中通过电影进行编程的功能。 这是导入软件包的第一个脚本的常见方式，可以直接访问软件包中的类名。导入的视频包启动脚本复制以下代码并将其粘贴到关键帧中，以便在时间轴中包含组件实例import fl.video.* .注：使用星号可以查看编译器导入的程序包中的所有类。 如果使用星号作为通配符，则导入的视频包中的所有包都将被使用。 如果不需要从所有包导入类，则可以导入特定的类路径，如fl.video.FLVPlayback。加载视频和设置autoPlay属性加载视频很容易。 将组件的源属性设置为FLV文件的URL。 如果将autoPlay属性设置为同一时间，则可以通过控制视频行为的简单方式一次加载视频。如果将autoPlay设置为false，则视频将在开始准备时停止。要加载视频并将autoPlay属性设置为false，请复制并粘贴以下代码/loadtheflvandstopituntilliststartelarterdisplay.autoPlay=false；display.source=myMovie.flv ；此程式码假设舞台上显示的是FLVPlayback实体注： FLVPlaybacksource属性对于FLV文件、RTMP流或HTTP URL到XML文件的HTTP URL是必需的。预加载处理FLVPlayback组件可以暂停和显示逐段视频。 处理预压的常见过程有两种：准备好的事件、暂停视频或在加载大容量时启动自动播放的视频。流畅的视频播放效果的关键之一是能够听到FLVPlayback组件广播的事件。 通知以下示例中的事件处理由两部分组成：首先创建函数的响应事件；第二部分是使用addEventListener方法关联和广播事件的对象。 重复此模式以响应事件FLVPlayback广播。要回应视频准备事件，请复制并粘贴同一关键帧(包括ActionScript )下的代码functionreadyhandler (事件：视频事件) : void装模作样/pauseuntilthevideocanplaytilltheenddisplay.pause ()；display.playwhennenoughdownloaded ()；以下称为display.addevent监听器(视频事件读取器，读取处理器)注：在此代码暂停期间准备活动电影。 除非电影下载充分。添加进度条组件请注意，如果您使用任何FLVPlayback内置外观元素，SeekBar控件将包含一个进度条，指示视频加载的进度。 如果不使用FLVPlayback外观，则可以在加载视频时使用进度条UI组件来显示进度条。 按照以下步骤创建工作示例：要添加进度条：1 .创建新的ActionScript 3 FLA文件并保存视频文件旁边的FLA。2 .重命名默认级别1作为资产3 .将3. FLVPlayback组件的一个实例从组件面板拖到舞台上。 将位置和大小更改为所需的组件。4 .实例名称将显示在“属性”面板中。5 .将进度栏组件从组件面板拖到舞台上。 将位置和大小更改为所需的进度条。6 .进度条的名称实例属性面板中的铅。7 .创建新图层并命名操作8 .在操作层的第1帧中选择关键帧，然后打开“动作”面板。 在文本编辑器中复制并粘贴以下代码import fl.video.* .import gress bar模式；/Set Variablesvarflvcontrol : flvplayback=display；varflvsource :字符串= call _ to _ action.flv ；/createeventhandlerfunctionstocontroltheprogressbarfunctionprogresshandler (事件： videorogressevent ) : void装模作样varbl :编号=math.round (事件.字节加载/1000 )varbt : number=math.round (event.bytes otal/1000 )/Update progress 是.pb.setProgress(bl，bt )以下称为functionreadyhandler (事件：视频事件) : void装模作样/removeprogressbarwhenwestartplaying (optional )是./remove child (Pb )/removethecommentsonthislineifedesired以下称为/Set progress bar statepb.mode=ProgressBarMode.MANUAL；pb.indeterminate=false；/Add listeners and load the videoflv control.addeven