FLEX3创建一个简单的FLV播放器

本文介绍如何使用Flex中的VideoDisplay和HSlider组件实现影片播放控制。通过设置<mx:VideoDisplay>的playheadUpdate属性和<mx:HSlider>的change属性,可以实现在播放过程中同步更新滑块位置,并允许用户通过拖动滑块来调整播放进度。

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值