Flash CS4 练习：制作ActionScript视频播放器

Flash CS4 练习：制作ActionScript 视频播放器在上一练习中学习了使用导入视频的方法制作视频播放器。

本练习将采用ActionScript 3.0技术制作一个视频播放器，首先读取外部XML 文件中的视频文件URL 地址，然后根据该地址加载相同目录中的FLV 视频文件，并实现播放、暂停、停止等基本功能。

操作过程：（1）新建470×440像素的空白文档，导入所有素材图像到【库】面板，并将“播放器”素材图像拖入到舞台中。

然后新建“播放”按钮元件，将“播放”素材图像拖入到舞台，在【属性】面板中为其添加“投影”滤镜，并设置【强度】为“30%”。

（2）右击【指针经过】状态帧，在弹出的菜单中执行【插入关键帧】命令插入关键帧，使其与【弹起】状态帧中的内容相同。

然后，在【按下】状态帧处插入关键帧，选择该影片剪辑元件，在【属性】面板中更改“投影”滤镜的【强度】为“10%”，并向下移动2像素。

拖入到舞台拖入添加 设置提示：由于“播放器”素材图像的尺寸与舞台相同，在拖入舞台后设置其x 和y 坐标均为0即可。

（3）使用相同的方法，创建“暂停”、“停止”、“快进”和“快退”等按钮元件。

新建“按钮”图层，将关于控制播放的5个按钮元件拖入到舞台的底部，并设置【实例名称】分别为playBtn 、pauseBtn 、stopBtn 、ffBtn 和rewBtn 。

然后新建“音量”图层，将“声音”和“静音”按钮元件拖入到其右侧，并设置【实例名称】分别为voiceBtn 和muteBtn 。

（4）新建“音量”影片剪辑元件，使用【多角星形工具】在舞台中绘制一个黑色(#000000)的三角形。

新建“矩形”图层，使用【矩形工具】绘制一个与三角形等宽的黄色(#F6D961)矩形，将其转换为影片剪辑元件，并设置其【实例名称】为voiceBar 。

（5）新建“遮罩”图层，将“三角形”图层第1关键帧中的三角形复制到该图层中的相同位置，并右击该图层执行【遮罩层】命令将其转换为遮罩层。

然后返回场景，将“音量”影片剪辑元件拖入到舞台的右下角，并设置其【实例名称】为Voice 。

右击 执行插入关键帧更改移动拖入设置实例名称设置实例名称 拖入绘制 创建设置（6）创建“进度条”影片剪辑元件，根据上述步骤制作一个进度条，并设置“进度矩形”影片剪辑元件的【实例名称】为progressBar 。

然后返回场景，新建“进度条”图层，将“进度条”影片剪辑元件拖入到舞台中，设置其【实例名称】为Progress 。

使用【文本工具】，在“进度条”影片剪辑元件的右下角创建一个动态文本，并设置【实例名称】为Time 。

（7）新建名称为AS 的图层，在第1帧处打开【动作】面板，通过URLLoader 对象根据指定的URL 地址加载外部XML 文件，并侦听该文件的加载完成事件。

当加载完成时调用xmlLoaded()函数，获取XML 文件中存储的视频URL 地址。

var url:String = "playlist.xml"; //创建存储有XML 文件地址的变量var urlRequest:URLRequest = new URLRequest(url); //获取XML 文件的URL 地址var loader:URLLoader = new URLLoader();//创建URLLoader 对象，用于加载外部的XML 文件 loader.load(urlRequest); //加载XML 文件loader.addEventListener(PLETE,xmlLoaded); //侦听加载XML 文件完成事件 function xmlLoaded(event:Event):void { try {复制创建拖入设置制作拖入创建提示： 在【属性】面板的【字符】选项中，可以设置动态文本默认显示的文本样式。

var xml:XML = new XML(event.target.data); //将下载的文本转换成XML 实例 var urltxt = String(xml.flv. @ url); playAuto(urltxt);//调用playAuto()函数开始播放视频 } catch (event:TypeError) { //如果加载失败trace("加载XML 文件失败！"); trace(event.message); //输出加载错误信息 } }（8）创建playAuto()函数，该函数首先创建并初始化NetConnection 对象，以用于渐进式下载的视频。

通过play()方法根据参数中传递的URL 地址开始播放视频。

然后，通过创建Video 对象设置视频在舞台中的位置和大小，并将其显示在舞台上。

var ns:NetStream;function playAuto(url:String):void {var nc:NetConnection = new NetConnection();nc.connect(null);//创建并初始化NetConnection 对象，以用于渐进式下载的视频 ns = new NetStream(nc);ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);//侦听视频异步引发异常事件 ns.play(url);//根据参数中的URL 地址播放外部视频 var video:Video = new Video(); //创建Video 对象 video.attachNetStream(ns);//把NetStream 对象关联到Video 对象 video.x = 26; video.y = 52; //视频显示的位置 video.width = 414; video.height = 280; //视频显示的尺寸大小 addChild(video); //将视频显示在舞台 lastTime();//调用lastTime()函数，用于显示视频已播放时间和总持续时间}function asyncErrorHandler(event:AsyncErrorEvent):void {// 忽略错误}（9）创建lastTime()函数，该函数通过回调的方法获取视频的总持续时间。

然后侦听时间轴事件，当事件发生时调用timeCounter()函数，以在动态Array文本中显示已播放时间和总持续时间。

var _duration:uint;function lastTime():void {var client:Object = new Object();client.onMetaData = onMetaData;ns.client = client;//调用onMetaData()回调方法获取视频的总持续时间addEventListener(Event.ENTER_FRAME,timeCounter);//侦听时间轴事件，调用timeCounter()函数显示已播放时间和总持续时间}function onMetaData(data:Object):void {_duration = data.duration;//获取视频播放的总持续时间} Array（10）创建timeCounter()函数，该函数首先通过if语句判断视频总持续时间和当前已播放时间是否大于0。

如果是，则将总持续时间和已经播放时间取整，并显示在舞台中名称为Time的动态文本中。

function timeCounter(event:Event):void {if (_duration > 0 && ns.time > 0) {var str:String;var played:uint = Math.floor(ns.time);//已播放视频的时间var total:uint = Math.floor(_duration);//视频的总时间if (played >= 10) {str = "";} else {str = "0";}//如果显示的秒数小于10，则在其面前添加“0”Time.text = "00:" + str + played + " / 00:" + total;//在动态文本显示视频的已播放时间和总持续时间var per:Number = played / total;//播放视频进度的百分比//根据播放进度的百分比设置进度条的宽度}}（11）侦听“播放”、“暂停”和“停止”按钮的鼠标单击事件，当事件发生时分别调用playFLV()、pauseFLV()和stopFLV()函数，以实现视频的播放、暂停和停止功能，并显示/隐藏“播放”或“暂停”按钮。

playBtn.visible = false;var playBool:Boolean = true;//用于判断当前的状态是暂停还是播放playBtn.addEventListener(MouseEvent.CLICK,playFLV);//侦听“播放”按钮的鼠标单击事件，当事件发生时调用playFLV()函数function playFLV(event:MouseEvent):void {ns.resume(); //回放视频hidePlayButton();//调用hidePlayButton()函数，以显示/隐藏“播放”按钮}pauseBtn.addEventListener(MouseEvent.CLICK,pauseFLV);//侦听“暂停”按钮的鼠标单击事件，当事件发生时调用pauseFLV()函数function pauseFLV(event:MouseEvent):void {ns.pause(); //暂停视频hidePlayButton();//调用hidePlayButton()函数，以显示/隐藏“暂停”按钮}stopBtn.addEventListener(MouseEvent.CLICK,stopFLV);//侦听“停止”按钮的鼠标单击事件，当事件发生时调用stopFLV()函数function stopFLV(event:MouseEvent):void {ns.pause();ns.seek(0);//播放头跳转到视频开头并停止播放playBool = false;playBtn.visible = true;//显示“播放”按钮pauseBtn.visible = false;//隐藏“暂停”按钮}（12）创建hidePlayButton()函数，该函数使用if语句判断当前的视频是否正在播放。