ActionScript3 FLVPlayback组件入门

出自9RIA.com WIKI

原文：http://www.adobe.com/devnet/flash/quickstart/flvplayback_component/

ActionScript 3 FLVPlayback组件使你能轻松的在Adobe Flash CS4应用中添加一个视频播放器。使用FLVPlayback组件可以播放通过HTTP渐进式下载的Adobe Flash 视频文件，或者播放来自Adobe的Flash Media Server或者Flash Vidoe Video Streaming Service（FVSS）的流视频。

在Flash Player 9之前，FLVPlayback组件只支持FLV格式的视频文件。 Flash Player 9，Update 3添加了对使用标准的H.264编码的高清MPEG-4视频格式的支持。这些格式包括MP4，M4A，MOV，MP4V，3GP和3G2。但是，FLVPlayback组件并不支持被保护的MP4文件，比如从Apple iTunes下载的或者使用FairPlay进行过数字加密的。

注：如需了解更多关于FLVPlayback组件和Flash Player 9更新3 （版本9,0,115,0 ），请阅读使用FLVPlayback组件的Flash Player 9更新3 。

FLVPlayback组件位于组件面板中的Video树下。该组件下面是几个自定义FLVPlayback UI组件，它们提供了独立的按钮和控制机制，借助它们你可以实现个性化及控制视频的播放、停止、暂停等等。

FLVPlayback组件还包含一组带有播放控制功能的预置皮肤。更多关于这些皮肤的信息，请参看本文中的应用皮肤和播放控制。

本文包括以下主题：

把FLVPlayback组件添加到您的应用中
指定要播放的视频文件
应用皮肤和播放控制
使用实时预览

打开组件面板，点击Video树型控件旁的加号按钮展开它。
点击FLVPlayback组件并把它拖到舞台上。
打开组件检查器。
选中舞台上的FLVPlayback组件，点击组件检查器中的source参数，按下列格式之一指定字符串值：
- 本地视频路径
- 网上视频URL地址
- 指示如何播放视频文件的同步多媒体集成语言(SMIL)的URL。更多关于如何使用SMILe文件的信息，请阅读使用ActionScript 3 组件在线文档。
选中舞台上的FLVPlayback组件，在组建检查器中点击skin参数的Value单元格。
单击放大镜图标，打开选择皮肤对话框。
选择下列选项之一：
- 从皮肤下拉菜单中，选择一个预置皮肤，把播放控件添加到这个组件中。在颜色选择器中，您可以选择皮肤的颜色和透明度。
- 要添加自定义皮肤，选择下拉菜单底部的自定义皮肤URL，然后在URL框中输入包含自定义皮肤的SWF的地址。
- 选择下拉菜单顶部的None，然后在前面两个例子中，预览的皮肤会出现在下拉菜单上面的浏览面板中。
点击OK关闭选择皮肤对话框。
选择Control > Test Movie，执行SWF文件，并开始播放视频。

使用视频导入向导在舞台上创建组件：

选择File > Import > Import Video启动视频导入向导。
通过选择下列选项之一来指定视频文件的位置：
- 在您的计算机上
- 已经部署到Web服务器， Flash视频流服务，或Flash媒体服务器
根据您的选择，输入文件路径（使用浏览按钮）或网址来指定视频文件的位置。
单击下一步。
如果您选择本地文件，则会看到一组用来指定如何部署您的视频的单选按钮：
- 使用播放组件加载外部视频
- 嵌入FLV并在时间轴上播放
- 作为捆绑在SWF中的移动设备视频导入
注意：不要选择嵌入视频选项。FLVPlayback组件只能播放外部FLV文件或视频流。此选项将不会在舞台上放置一个FLVPlayback组件。
单击下一步。您会看到选择皮肤对话框。
选择下列选项之一：
- 从皮肤下拉菜单中，选择一个预置皮肤，把播放控件添加到这个组件中。在下来菜单上方的浏览面板中会出现皮肤的预览。
- 如果你创建了自定义皮肤，选择下拉菜单底部的Custom Skin URL，然后输入包含自定义皮肤的SWF文件的URL。
- 选择下来菜单上放的None，然后把FLVPlayback自定义UI组件拖拽到舞台上。
单击下一步。
阅读完成视频导入对话框，了解接下来会发生什么，然后单击完成。
如果还没保存FLA文件，则会出现一个另存为对话框。保存您的FLA文件。
选择Control > Test Movie，执行SWF文件，并开始播放视频。

使用ActionScript动态创建FLVPlayback实例：

把组件面板中的FLVPlayback组件拖拽到库面板中(窗口 > 库)。

在时间轴第1帧的动作面板中添加如下代码：

import fl.video.*;

var flvPlayer:FLVPlayback = new FLVPlayback();
addChild(flvPlayer);
//The next line assumes you have copied the skin file to the local directory
flvPlayer.skin = "./SkinUnderPlaySeekMute.swf"
flvPlayer.source = "http://www.helpexamples.com/flash/video/water.flv";

保存该FLA文件。
把SkinUnderPlaySeekMute.swf(或者其他你使用的皮肤文件)拷贝到同FLA文件同一目录下。
选择Control > Test Movie，执行SWF文件，这将开始下载并播放FLV文件，如下面的例子。

最终效果

<swf width="320" height="280">http://www.adobe.com/devnet/flash/quickstart/flvplayback_component/swfs/FLVPlaybackExample.swf</swf> swf

下载这个例子的源文件，请点击这里。

指定要播放的视频文件

你可以使用如下方式为FLVPlayback组件指定播放的视频文件：

在组件检查器中设置source参数。
使用ActionScript。

在组件检查器中设置source参数：

双击组件检查器中的source参数的值项，打开内容路径对话框。
输入视频文件或者SMILe文件的URL或本地地址。关于SMIL文件的知识，请阅读使用ActionScript 3 组件在线文档。

匹配源尺寸选项设定舞台上的FLVPlayback实例是否要跟源视频的尺寸匹配。源视频文件中包含播放的最佳高度和宽度。如果您选择此选项，FLVPlayback实例的尺寸会缩放到最佳尺寸。

使用ActionScript指定视频文件：

你可以使用ActionScript的FLVPlayback.source属性或者FLVPlayback.play()和FLVPlayback.load()方法指定视频文件的名称和位置。source属性及这两个方法会覆盖组件检查器中的source参数，因为它们是在运行时指定的。更多信息，请查看ActionScript 3 语言和组件参考中的FLVPlayback类的FLVPlayback.source，FLVPlayback.play()和FLVPlayback.load()。

应用皮肤和播放控制

你可以通过设定组件查看器中skin参数的值来为FLVPlayback组件选择一款皮肤。然后点击放大镜图标打开选择皮肤对话框，你就可以选择一款皮肤或者指定提供皮肤的SWF文件的位置。

皮肤下拉菜单列出的皮肤位于Adobe Flasch CS4\Common\Configuration\FLVPlayback Skins\ActionScript3.0文件夹下。你可以创建新的皮肤并把SWF文件放在这个文件下，就可以在选择皮肤对话框中使用它们。皮肤的名字会加上一个.swf扩展出现在下来菜单中。当你发布包含FLVPlayback组件的SWF文件时，会自动把皮肤文件复制到SWF文件同一文件夹下。

你同样可以使用ActionScript为FLVPlayback实例应用皮肤。请参看使用ActionScript动态创建FLVPlayback实例。

使用实时预览

组件查看器中的FLVPlayback preview参数能让你看到舞台上的视频文件的一帧，每当你更改组件的皮肤，也能实时看到效果。点击preview参数打开一个对话框，可以看到视频播放效果。

当视频播放到你想作为预览画面的位置时点击OK。在舞台上这个组件里显示视频的一帧能使你看到舞台上的视频及组件的其他元素。

注意：这不会影响到你运行已经发布的SWF所看到的效果。如果你想为视频在运行时加载一个海报似的图片，使用导出按钮把图片导出为PNG文件，并使用ActionScript代码在运行时加载它。这项工作已超出本文的范围，在此不做论述。

回到顶部

如需了解更多关于FLVPlayback组件，请参阅下面的资源：

如果FLVPlayback组件无法满足你的需求，并且你希望创建自己的视频播放器，那么请阅读处理Flash视频的元数据及提示点，来获取一些有用的提示。回到顶部

查看

Flash RIA

移动RIA

其他RIA

搜索

悬赏专题

专题导航

工具箱