?

*****************************第四步：*****************************

從現(xiàn)在開始，我們開始進(jìn)入中級階段，制作Video的進(jìn)度滑塊。雙擊進(jìn)入元件loader的編輯狀態(tài)，新建一層名為：scrub，，然后我們繪制一個(gè)滑塊如圖1-7

?

圖1-7
按F8將其轉(zhuǎn)換為元件，轉(zhuǎn)換的時(shí)候注意將注冊點(diǎn)選擇為中上，千萬別選錯(cuò)了哦。并將其實(shí)例名命名為：scrub。將其和loadBar對齊如圖1-8

?

圖1-8 下面我們來制作播放進(jìn)度條，在scrub層上新建一個(gè)圖層名為playBar，將層loadBar上的元件loadBar選中，按下Ctrl+C復(fù)制，然后選擇層playBar，按Ctrl+Shift+V原位粘貼，更改其實(shí)例名為playBar，并將其屬性設(shè)置如圖1-9

?

圖1-9
返回主場景，選擇action層的第一幀輸入以下代碼：（注意更新的代碼是紅色，舊的代碼是黑色）
var percent_Loaded:Number = 0;
loader.loadBar._xscale = percent_Loaded;
loader.playBar._xscale = 0;
var duration:Number;
//這里可以查看幫助文檔中NetStream.onMetaData 處理函數(shù)
//duration獲取影片的長度
ns.onMetaData = function(obj:Object){
duration = obj.duration;
};
function videoStatus(){
var videoTotal:Number = ns.bytesTotal;
var videoLoaded:Number = ns.bytesLoaded;
percent_Loaded = videoLoaded /videoTotal*100;
loader.loadBar._xscale = percent_Loaded;
loader.scrub._x = ns.time / percent_Loaded * loader.loadBar._width;
loader.playBar._xscale = ns.time / percent_Loaded *100;
}
var videoInterval = setInterval(videoStatus,100);
好，現(xiàn)在我們Ctrl+Enter測試下影片，怎么樣，滑塊跟隨著播放時(shí)間的流逝在移動了吧。

?

?*****************************第五步：*****************************

我們的Video看過一次了，這時(shí)候我們還想要再看其中的某一部分，我們總不能從頭播放吧。因此我們現(xiàn)在舊來實(shí)現(xiàn)拖動播放滑塊，實(shí)現(xiàn)Video自由的播放。繼續(xù)寫代碼^_^ 在場景中action層第一幀添加以下代碼：
var scrubInterval;
loader.scrub.onPress = function(){
//當(dāng)按下滑塊，清除videoInterval計(jì)時(shí)器
clearInterval(videoInterval);
//設(shè)置scrubInterval計(jì)時(shí)器
scrubInterval = setInterval(scrubit,10);
//設(shè)置滑塊的滑動范圍 this.startDrag(false,0,this._y,loader.loadBar._width,this._y);
}
loader.scrub.onRelease = loader.scrub.onReleaseOutside = function(){
//當(dāng)釋放滑塊，清除csrubInterval計(jì)時(shí)器 clearInterval(scrubInterval);
//恢復(fù)videoInterval計(jì)時(shí)器
videoInterval = setInterval(videoStatus,100);
this.stopDrag();
}
//創(chuàng)建scrubit方法
function scrubit(){
//滑塊所指的播放seek的秒數(shù)等于滑塊的x坐標(biāo)除以loadBar的寬度，再乘以總秒數(shù)
ns.seek(Math.floor((loader.scrub._x / loader.loadBar._width)*duration));
//讓playBar的縮放跟隨滑塊的位置變化而變化
loader.playBar._xscale = loader.scrub._x / loader.loadBar._width *100;
}
好了，現(xiàn)在我們按Ctrl+Enter測試下影片，是不是發(fā)現(xiàn)與PlayBack越來越像了^_^

?

?*****************************第六步：*****************************

下面我們?yōu)镻layer添加聲音的控制。首先，我們在control層上新建一層名為sound，選擇文字工具，使用Webdings字體，按shift+W打出?符號，選擇修改，變形，水平翻轉(zhuǎn)，按F8將其轉(zhuǎn)換為影片剪輯。雙擊進(jìn)入編輯狀態(tài)，在第二幀處插入關(guān)鍵幀。我們在第二幀上的?符號上畫一條斜線如圖1-10

圖1-10 如圖1－10，我們在第一幀上寫上代碼：
stop();
var vol = 100;

第二幀上寫上代碼：
vol = 0;

返回場景，將該元件的實(shí)例名命名為vSound，選擇層action的第一幀，輸入以下代碼：
vSound.attachAudio(ns);
var video_sound:Sound = new Sound(vSound);
vSound.onRelease = function(){
if(this.vol == 100){
video_sound.setVolume(0);
this.gotoAndStop(2);
}else{
video_sound.setVolume(100);
this.gotoAndStop(1);
}
}

Ctrl+Enter測試一下。這里需要說明一下，其實(shí)只建立一個(gè)Sound對象就可以控制聲音了，但是如果不指定是誰的聲音時(shí)，他控制的是根影片的音量，因此這里將ns中的聲音引入到vSound影片剪輯當(dāng)中，然后指定video_sound對象控制的是vSound影片剪輯當(dāng)中的聲音。

?

?*****************************第七步：*****************************

我們的播放器總算有模有樣了，不過還缺少樣?xùn)|西。大家在播放流媒體的時(shí)候，是不是常常會見到緩沖？沒錯(cuò)，就是緩沖。還等什么，趕快動手。 首先，我們在層video和controlBar之間新建一層并命名為buffer，然后用矩形在舞臺上繪制一個(gè)320*240的黑色矩形，將其和video的位置對齊，正好能擋著video。然后我們按F8將其轉(zhuǎn)換給影片剪輯，并命名其實(shí)例名為buffer_mc。雙擊進(jìn)入編輯狀態(tài)，新建一層名為text，用文字工具輸入文字：視頻緩沖中。并將其轉(zhuǎn)換為元件創(chuàng)建一個(gè)Alpha漸變的動畫，如圖1-11：

?

圖1-11
返回場景，選擇層action，輸入一下代碼：
//設(shè)置ns緩沖時(shí)間為15秒
ns.setBufferTime(15);
//創(chuàng)建ns的onStatus處理函數(shù)，詳細(xì)請查看幫助文檔
ns.onStatus = function(info:Object){
//當(dāng)緩沖為滿的時(shí)候,buffer_mc隱藏
if(info.code == "NetStream.Buffer.Full"){
buffer_mc._visible = false;
}
//當(dāng)緩沖空的時(shí)候，buffer_mc顯示
if(info.code == "NetStream.Buffer.Empty"){
buffer_mc._visible = true;
}
//當(dāng)視頻播放結(jié)束時(shí)，重新播放
if(info.code == "NetStream.Play.Stop"){
ns.seek(0);
}
}
OK，導(dǎo)出測試一下。

?

*****************************第八步：*****************************

下面我們來給播放器做個(gè)右鍵菜單（；^ ^）首先，在action層第一幀輸入一下代碼：
var myMenu:ContextMenu = new ContextMenu();
myMenu.hideBuiltInItems();
這里我們自定義了一個(gè)myMenu為新的ContexMenu對象，然后我們使用hideBuiltInItems()方法將“設(shè)置”和“版權(quán)聲明”以外的選項(xiàng)都隱藏起來。導(dǎo)出測試一下。 然后我們再輸入以下代碼：
var i1:ContextMenuItem = new ContextMenuItem("::::: Video Controls :::::",trace);
var i2:ContextMenuItem = new ContextMenuItem("Play / Pause",pauseIt,true);
var i3:ContextMenuItem = new ContextMenuItem("Replay",replayIt);
var i4:ContextMenuItem = new ContextMenuItem("Select a Flv files",selectIt,true);
var i5:ContextMenuItem = new ContextMenuItem("Copyright 2006 Sailon",trace,true);
myMenu.customItems[0] = i1;
myMenu.customItems[1] = i2;
myMenu.customItems[2] = i3;
myMenu.customItems[3] = i4;
myMenu.customItems[4] = i5;

定義i1－i5為新的ContexMenuItem，并在該構(gòu)造函數(shù)中填入相應(yīng)的參數(shù)，具體的參數(shù)說明可以查看幫助文檔^_^ 然后我們將myMenu的屬性coustomItems（數(shù)組）賦給i1－i5。 好，現(xiàn)在我們定義好了菜單，下面我們給所對應(yīng)菜單寫上方法，代碼如下：
import flash.net.FileReference;
//播放暫停方法
function pauseIt() {
ns.pause();
}
//重放方法
function replayIt() {
ns.seek(0);
}
//選擇Flv方法 function selectIt(){
var listener:Object = new Object();
listener.onSelect = function(file:FileReference):Void {
trace("Opened " + file.name); playVideo(file.name);
}
listener.onCancel = function(file:FileReference):Void {
trace("User cancelled");
}
var fileRef:FileReference = new FileReference();
fileRef.addListener(listener);
fileRef.browse();
}
這里需要說明一下，selectIt()方法在選擇flv文件后會觸發(fā)playVideo()方法，因此我們這里還需要修改步驟一的代碼。將步驟一的代碼修改如下：
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
var myVideo:Video;
myVideo.attachVideo(ns);
function playVideo(video){

ns.play(video);
trace("playVido:" + video);
}
playVideo("BT玩家.flv");

這里有個(gè)小小的遺憾目前FileReference這個(gè)類還不支持讀取目錄的功能，所以我們所需要選擇的flv文件必須和swf文件放在同一個(gè)目錄下才可以正常播放。 OK，我們導(dǎo)出測試一下。 最后，本文在這里只是拋磚引玉，查閱并熟悉幫助文檔里的函數(shù)方法，希望大家還可以創(chuàng)造出功能更強(qiáng)大更好玩的播放器來。