今天早上, 以前高中同学要我教他用 Flex 写一个flv播放器. 网上应该也有不少的教程了, 但中午吃完饭后, 觉得自己写写也不错, 毕竟自己很少在自己博客上写教程, 于是就写写了..... 有错误请高手指出..以下为我今天写在博客上的一篇简单教程:
用 AS2.0 做的 flv 播放器不少了, Flex 3.0 早期又出了, 就尝试着做一个 flv 播放器. 用 Flex3.0 写出来的东西, 本人觉得, 其产物可以是 flex , 也可以是 AIR ( 早期的Apollo ). 好了, 不多说, 先睹为快:
---------------------------------------------------------------------------
<?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>
--------------------------------------------------------------------------
其中:
<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() 函数.
---------------------------------------------------------------------------
详细解释都写在上面了, 认真看就会明白的.
如有什么错误的地方, 恳请高手们指点一下....
有问题可以到我博客留言的. 我每天都会更新内容, 您的留言我肯定会回复的.