创建具有 FLVPlayback 组件的应用程序

您可以通过以下方式将 FLVPlayback 组件包括在您的应用程序中:

  • 将 FLVPlayback 组件从“组件”面板拖到舞台上,并且为 source 参数指定一个值。

  • 使用视频导入向导在舞台上创建组件,并通过选择外观来自定义该组件。

  • 使用 FLVPlayback() 构造函数动态地在舞台上创建一个 FLVPlayback 实例,并且假定该组件位于库中。

    注: 如果您用 ActionScript 创建 FLVPlayback 实例,则还必须用 ActionScript 设置 skin 属性以便为其指定一个外观。如果通过这种方式应用外观,则外观不会自动随 SWF 文件一同发布。必须将应用程序 SWF 文件和外观 SWF 文件复制到您的应用程序服务器,否则在您运行该应用程序时将没有外观 SWF 文件可用。

从“组件”面板中拖出 FLVPlayback 组件

  1. 在“组件”面板中,单击加号 (+) 按钮打开视频条目。

  2. 将 FLVPlayback 组件拖到舞台上。

  3. 在选中了舞台上的 FLVPlayback 组件的情况下,在“组件”检查器的“参数”选项卡上找到 source 参数的 Value 单元格,并输入指定以下内容之一的字符串:

    • 视频文件的本地路径

    • 视频文件的 URL

    • 某个同步多媒体集成语言 (SMIL) 文件的 URL,该文件说明如何播放视频文件

      有关如何创建 SMIL 文件以描述一个或多个 FLV 文件的信息,请参阅 使用 SMIL 文件

  4. 在选中舞台上的 FLVPlayback 组件的情况下,在“组件”检查器的“参数”选项卡上单击 skin 参数的 Value 单元格。

  5. 单击放大镜图标以打开“选择外观”对话框。

  6. 选择以下选项之一:

    • 从“外观”下拉列表中,选择一种预先设计的外观以将一组播放控件附加到组件中。

    • 如果已创建了一种自定义外观,可从下拉菜单中选择“自定义外观 URL”,然后在“URL”框中输入包含此外观的 SWF 文件的 URL。

    • 选择“无”,然后将单个 FLV 播放自定义用户界面组件拖到舞台上,以添加播放控件。

      注: 在前两种情况下,会在弹出菜单上部的查看窗格中显示外观的预览效果。您可以使用颜色选择器更改外观的颜色。

      若要更改自定义用户界面控件的颜色,必须自定义该控件。有关使用自定义用户界面控件的详细信息,请参阅 单独设置 FLV 播放自定义用户界面组件的外观

  7. 单击“确定”以关闭“选择外观”对话框。

  8. 选择“控制”>“测试影片”以执行 SWF 文件并启动视频。

    以下过程使用视频导入向导添加 FLVPlayback 组件:

使用视频导入向导:

  1. 选择“文件”>“导入”>“导入视频”。

  2. 通过选择以下选项之一,指示视频文件的位置:

    • 在我的本地计算机上

    • 已经部署到 Web 服务器、Flash Video Streaming Service 或 Flash Media Server

  3. 根据您的选择,输入指定视频文件位置的路径或 URL,然后单击“下一步”。

  4. 如果您选择了文件路径,则会在旁边看到“部署”对话框,可以从中选择列出的选项之一,以指定视频的部署方式:

    • 从标准 Web 服务器渐进式下载

    • 从 Flash Video Streaming Service 流式加载

    • 从 Flash Media Server 流式加载

    • 在 SWF 文件中嵌入视频并在时间轴中播放

      重要说明: 不要选择“嵌入视频”选项。FLVPlayback 组件仅播放外部视频流。此选项不将 FLVPlayback 组件放置于舞台上。
  5. 单击 Next。

  6. 选择以下选项之一:

    • 从“外观”下拉列表中,选择一种预先设计的外观以将一组播放控件附加到组件中。

    • 如果已经为该组件创建了一种自定义外观,则可从下拉菜单中选择“自定义外观 URL”,然后在“URL”框中输入包含此外观的 SWF 文件的 URL。

    • 选择“无”,然后将单个 FLV 播放自定义用户界面组件拖到舞台上,以添加播放控件。

      注: 在前两种情况下,会在弹出菜单上部的查看窗格中显示外观的预览效果。
  7. 单击“确定”以关闭“选择外观”对话框。

  8. 阅读“完成视频导入”对话框中的内容,注意下一步的操作,然后单击“完成”。

  9. 如果您尚未保存 FLA 文件,将出现“另存为”对话框。

  10. 选择“控制”>“测试影片”以执行 SWF 并启动视频。

    以下过程将使用 ActionScript 添加 FLVPlayback 组件。

使用 ActionScript 动态创建实例:

  1. 将 FLVPlayback 组件从“组件”面板拖到“库”面板(“窗口”>“库”)中。

  2. 将以下代码添加到时间轴第 1 帧的“动作”面板上。将 install_drive 更改为安装了 Flash 的驱动器,并修改路径以反映用于安装的 Skins 文件夹的位置。

    在 Windows 计算机上:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

    在 Macintosh 计算机上:

    import fl.video.*; 
    var my_FLVPlybk = new FLVPlayback(); 
    my_FLVPlybk.x = 100; 
    my_FLVPlybk.y = 100; 
    addChild(my_FLVPlybk); 
    my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
    my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    注: 如果不设置 source skin 属性,则生成的影片剪辑将显示为空。
  3. 选择“控制”>“测试影片”以执行 SWF 文件并启动视频文件。