韩雪想起mp3:网页FLASH如何添加FLV的列表

Flash MX版本中增强了对视频播放的支持，这样在Flash动画中也可以很容易嵌套视频剪辑，无疑给Flash添加了更大的灵活性。本期就来做一个Flash版本的视频播放器，学习Flash中视频的使用方法。

Flash虽然只是动画制作程序，但如果能在动画中添加电影等视频，无疑将使情节更加精彩。另外，如今几乎每台能上网的电脑都安装有Flash Player，如果视频文件能在Flash Player中播放，就不用担心对方没有安装Quick Time不能播放.mov文件了。
下面以在Flash MX中制作Flash视频播放器为例，介绍怎样在Flash中播放视频。

在Flash MX以前，Flash中视频文件的导入是一帧一帧变成位图。结果导致文件巨大，限制了它的应用范围。随着Flash MX的推出， Macromedia公司开发了属于自己的流式视频格式：FLV，可真正支持MPEG、AVI、DV（Digital Video）及MOV等格式的视频，并可对视频进行缩放、旋转等操作。FLV格式不仅可轻松导入Flash中，同时也可通过rtmp（Real-time Messaging Protocol，实时传输协议）从服务器上流式播出。

一、设计播放界面

1.建立新文档：打开Flash软件，新建一个Flash文档（图1）。

2.修改文档属性：打开“属性面板”（默认情况下“属性面板”在屏幕下方。如果属性面板没有打开可选择菜单上的“窗口”→“属性”），点击“大下”按钮（图2）在“文档属性”对话框中将文档尺寸栏改为“宽：310px，高：350px”（图3），点击“确定”。然后将此文档保存为FlashVideo.fla。

3.先点击“新建图层”按钮建立3个图层，由下到上依次取名为“组件”、“文本”、“actions”（图4）。选择菜单栏上的“窗口”→“开发面板”→“组件”后，组件面板会在屏幕右侧展开。打开“组件”面板，将Media Component中的MediaPlayback（图5）组件拖入到场景中，再把“UI Componets”中的Button组件和ComboBox组件也拖入舞台。这样在“组件”图层就有了3个组件。

Flash MX提供了3个媒体组件（Media Component），利用这几个组件可在Flash中播放视频和MP3。

选中“文本“图层，再选择“工具栏”中的文本工具（图6），在舞台ComboBox组件上边单击，输入文本“请选择您要观看的视频”。选择工具栏上的“选择”工具，点击MediaPlayback组件，在“属性面板”中将大小设为“宽：320”，“高：280”，其坐标轴设为（X:0,Y:0），实例名设为“my-Video”（图7），按照上述方法分别将Button组件和ComboBox组件的实例名设为“myBtn”和“myComboBox”。最后调整舞台上各元件的位置（图8）。

至此就完成了界面部分。

Media组件简述

MediaDisplay组件使媒体可以在Flash中播放，而不需要支持的用户界面。此组件可用于处理视频和音频数据。即是说MediaDisplay组件可用来播放音频或视频，却不能控制它们（像暂停、停止之类操作），只有结合MediaController组件才能进行控制。

MediaController组件通过提供一个用户界面来补充MediaDisplay组件，该界面使用标准的控件（播放、暂停等）控制媒体播放。媒体不会加载到MediaController中，或由MediaController播放，它仅用于控制MediaPlayback或MediaDisplay实例中的播放。即是说MediaController组件不能播放音频或视频，要结合MediaDisplay组件才能使用。

MediaPlayback组件是MediaDisplay和MediaController组件的结合；它提供对媒体内容进行流式处理的方法。

通过上面的说明，相信大家知道为什么选择使用MediaPlayback组件了吧，因为在这个实例中，使用它是最方便的。

注意：媒体组件要求Flash Player 7或更高版本；媒体组件只能播放格式为FLV的视频文件。

二、FLV文件的制作

FLV文件由其他格式文件转换而来，在Flash MX安装包FSCOMMAND目录下包含了一个Flash_Video_Exporter.exe文件，安装好Flash MX后，运行Flash_Video_Exporter.exe的安装程序即可（没有可设置选项）。

下面以将.mov文件转换为FLV文件为例：
使用QuickTime Pro打开需要转化的视频文件，选择“文件”→“输出”（图9）在弹出对话框中将“输出”选项设为“将影片转换成Macro-media Flash Video(FLV)”（图10），在文件名文本框输入名字，点击“选项”，在弹出的对话框中可进行包括视频流、音频流和文件尺寸的输出设置，这里保持默认即可（图11）。

还有一种方法可以制作FLV文件。在Flash MX中从菜单栏选择“文件”→“导入”→“导入到库”（或“导入到舞台”），在弹出的“导入到库”对话框中选择需要导入的文件（支持avi、mov、mpg等格式），选择好文件后点击“打开”，会弹出“视频导入向导”。依照向导的提示设置参数（图12），导入完成后选择“窗口”→“库”打开库面板。在库面板中选中刚才导入的视频文件，点击鼠标右键选择“属性”会弹出“嵌入视频属性”对话框（图13），点击“导出”即可生成FLV文件。

三、制作播放视频

按上面的方法建立two.flo文件，后将其放在与FlashVideo.fla同一个目录下。选择菜单栏的“窗口”→“开发面板”→“组件检查器”打开组件检查器面板。选择舞台上的MediaPlayback组件，然后在“组件检查器”面板的“URL”栏输入“two.flv”，ControlVisibility设为“on”（图14），根据视频帧率选择FLV的帧率（FPS），本例用的视频保持FPS为30即可。

MediaPlayback组件的参数

如果要播放视频，选择“FLV”单选按钮，如果要播放MP3则选择“MP3”单选按钮；
VideoLength（视频长度）：表示视频的持续时间，格式为HH:MM:SS:MS（时:分:秒:毫秒）。用FPS帧速或毫秒（Milliseconds）可确定播放控制条的进程。URL：音视频文件的地址。AutomaticallyPlay（自动播放）：是否设置文件自动播放。

UsePreferredMediaSize（使用首选媒体尺寸）：选中表示Flash将以缺省的首选大小显示媒体，除非播放媒体区小于首选大小。在这种情况下，Flash将缩小媒体以适应实例的内部大小，并保持高宽比。如果首选大小小于实例的媒体区，则将不使用部分媒体区。

RespectAspectRatio（保持高宽比）：表示Flash将保持媒体的宽高比，如果不选中，则视频文件会被拉伸来适应MediaPlayback组件大小。

ControlVisibility：确定组件内的控件在播放时是隐藏（仅在触发鼠标移过事件时显示）、始终可见或始终隐藏。

“on”指示控件始终是展开的；“off”指示控件始终是折叠的。“auto”指示控件将保持折叠状态，直到用户将鼠标移过点击区。

点击区与在其中绘制折叠的控件的区域匹配。控件将保持展开状态，直到鼠标移离点击区。

如果只需要在Flash文件中播放单个视频文件，上面方法足够了。但有些情况下需要更复杂的应用，例如有多个视频需要播放。下面简单介绍一下怎样联合Flash MX为我们提供的其他组件来做一个多视频播放的小程序。

再按照前面的方法制作2个视频文件分别为one.flv、three.flv。本例设计为通过一个下拉列表可以选择某个文件，然后播放。

选中ComboBox组件，打开属性面板，点击“参数”选项（图15），用鼠标点击“Lables”参数，会出现一个放大镜图标（图16），单击放大镜会弹出“值”面板，依次增加值“视频1”、“视频2”、“视频3”（图17）。按照同样方法点击“data”参数,增加值“one.flv”、“two.flv”、“three.flv”（图18）。

四、添加动作脚本

Fash MX的新脚本语言名为ActionScript 2.0（动作脚本2.0）。

在开始时将图层分为3层，由下到上依次取名为“组件”、“文本”、“actions”。这样做的目的是将同类型元素放在一个图层，对于修改和寻找某个元素都有很大帮助。在“组件层”放置组件元素，在“文本层”放置文本，在“actions”层放置代码。

在菜单栏中选择“窗口”→“开发面板”→“动作”，打开“动作面板”。选中图层actions，然后在动作面板里（图19）写入如下代码：

//初始设置“播放”按钮不可用，除非在下拉列表框里选择了一个选项
myBtn.enabled=false;

//设一变量存储视频文件的路径
varvideoPath:String;

//选择了下拉列表框中的某项后执行的命令
functionchange(eventObj){

//播放按钮设为可用
myBtn.enabled=true;

//将选择的下拉列表框中的某项的视频路径赋值给变量videoPath
videoPath=eventObj.target.selectedItem.data;
}
myComboBox.addEventListener("change",this);

//点击播放按钮后执行的命令
functionclick(eventObj){

//播放选择的视频
myVideo.contentPath=videoPath;

//播放按钮设为不可用
myBtn.enabled=false;
}
myBtn.addEventListener("click",this);

设置完成后保存，测试影片，一切OK后就可以发布了。

在菜单栏中选择“文件”→“导出”→“导出影片”，在弹出的“导出影片”对话框中，设定好目录和文件名后点击“保存”，弹出“导出Flashplayer”对话框。版本选择FlashPlayer 7（否则视频不能正确播放）。动作脚本版本选择2.0版（因为代码是使用动作脚本2.0编写的）。