技术分享 使用Flex3.0做一个简单Flv播放器

在学习Flex3.0的过程中，你可能会遇到用Flex3.0做一个简单Flv播放器方面的问题，这里和大家分享一下其制作方法，相信本文介绍一定会让你有所收获。

用Flex3.0做一个简单Flv播放器

用AS2.0做的Flv播放器不少了,Flex3.0早期又出了,就尝试着做一个Flv播放器.用Flex3.0写出来的东西,本人觉得,其产物可以是Flex,也可以是AIR(早期的Apollo).好了,不多说,先睹为快:

<?xmlversionxmlversion="1.0"encoding="utf-8"?> 
 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> 
 
<mx:Script> 
 
<![CDATA[  
 
importmx.events.SliderEvent;//这里是导入所需要的类,用import关键字,没什么好说的  
 
importmx.events.VideoEvent;  
 
//自定义一个playingMove()函数,作用:影片播放时,id为"my_hs"的HSlider控件的值为影片的播放时间,且最大值为影片的总时长  
 
privatefunctionplayingMove(event:VideoEvent):void{  
 
my_hs.value=Flvideo.playheadTime;  
 
my_hs.maximum=Flvideo.totalTime;  
 
}  
 
//自定义hs_onChange()函数,作用:当用户拖拉HSlider控件使其值发生改变时,影片的播放头就处于其值处,即正在播放时间处于其值处  
 
privatefunctionhs_onchange(event:SliderEvent):void{  
 
Flvideo.playheadTime=event.value;  
 
}  
 
]]> 
 
</mx:Script> 
 
<mx:VideoDisplayidmx:VideoDisplayid="Flvideo"playheadUpdate="playingMove(event)"x="66"y="38"width="343"height="245"/> 
 
<mx:Buttonlabelmx:Buttonlabel="Play"click="Flvideo.source='targetMovie.Flv'"x="223"y="322"/> 
 
<mx:HSliderminimummx:HSliderminimum="0"id="my_hs"change="hs_onChange(event)"x="176"y="302"/> 
 
</mx:Application> 
 

 其中：

<mx:VideoDisplay>标签内的属性playheadUpdate="playingMove(event)"就表明:当影片在播放时,执行playingMove()函数;

<mx:Button>标签内的属性click="Flvideo.source='targetMovie.Flv'"表明:当用户单击按钮后,id为"Flvideo"VideoDisplay控件就播放targetMovie.Flv影片.

<mx:HSlider>标签内的属性change="hs_onChange(event)"表明:当用户拖拉HSlider控件而使其值改变时,执行hs_onChange()函数.

【编辑推荐】

1. 探秘Flex与JavaScript交互
2. 常用FlexBuilder快捷键用法指导
3. Flex框架Riawave的定制应用
4. 技术前沿 Flex2.0 从零开始实现文件上传
5. FlexBuilder开发方法及特点解析