FLEX videoDisplay

| |
[2007/05/06 21:26 | 分类: Flex技术 | by gdgzboy ]
        最近一直在做自己的FLEX播放器,虽然我能用A3完全的做一个播放器,但是这次也算是为了学习FLEX,尽量的全使用FLEX组件来制作.下面是一个小TIP:
    播放器一般是由屏幕和按钮以及进度条这三个部分组成.那么我们在DESIGN的界面下,把VideoDisplay ,BUTTON,和HSLIDER这三个组件按照你喜欢的排列好.然后分别把命名ID;

ViderDisplay:flvvideo;
Button:btn(在这个例子里可以不用命名ID);
hSlider:hs;


回到Source界面:
先设置VideoDisplay.
  
<mx:VideoDisplay id="flvvideo"  playheadUpdate="mover(event)" >


要注意的是playheadUpdate  ,他是VideoDisplay的一个内部命令,大概意思就是在视频播放的情况下不停的调用程序(比如:MOVER(EVENT));同时你也会看到playheadUpdateInterval这个命令,他可以设置多长时间调用一次事件,(比如:1000就是1秒时间).

接着设置BUTTON.
<mx:Button  label="Play" click="flvideo.source='videos/xxx.flv'"/>

当然source后头,你可以随便设置你FLV文件的地址,要注意的是单引号和双引号的区别.

最后就是设置:进度条拉,也就是HSlider
  
<mx:HSlider  minimum="0"  id="hs"  change="changeHandler(event)"  />

放上change ,是为了可以拉动视频的进度.

三个主要部分基本已经设置完毕.接下来该是script.我就直接把全部代码贴上了:

    import mx.events.SliderEvent;
    import mx.events.VideoEvent;
    
    private function mover(event:VideoEvent):void{
       trace(flvideo.playheadTime);
       hs.value = flvideo.playheadTime;
       hs.maximum=flvideo.totalTime;
    }
    
    private function changeHandler(event:SliderEvent):void{
      flvideo.playheadTime = event.value;
    }
  
    这样基本上就能实现一个简单的视频播放器了.:)
      
    

            


作者:gdgzboy@牛C网
地址:http://www.niuc.net/post/185/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!



评论(0) | 引用(0) | 阅读(391)
发表评论
昵称 [注册]
密码 游客无需密码
网址
电邮
打开HTML 打开UBB 打开表情 隐藏 记住我