技術分享 使用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()函數.
【編輯推薦】
- 探秘Flex與JavaScript交互
- 常用FlexBuilder快捷鍵用法指導
- Flex框架Riawave的定制應用
- 技術前沿 Flex2.0 從零開始實現文件上傳
- FlexBuilder開發方法及特點解析