*****************************第一步:*****************************
如今,以flash player播放的流媒體flv文件越來越流行(PS:不知道是國內技術太落后,還是其他原因,還算不上常見),我們可以使用Flash當中自帶的PlayBack組件來制作播放器。但是某些時候,PlayBack的Skin并不能滿足我們的需求,比如與網頁頁面風格不相符或者不能很好的集成到我們的Flash站點當中,這時候我們就需要自己動手打造自己的PlayBack了。好在,制作基本功能的flv播放器不是很難\^_^/。下面我們一步一步開始吧。
?首先我們打開Flash的元件庫,如圖1-1所示,我們點擊紅色的部分新建一個視頻元件

圖1-1
新建一個圖層并命名為video,將視頻元件從元件庫拖到舞臺中并更改大小為320*240,給舞臺中的視頻元件命名實例名為:myVideo。如圖1-2

圖1-2
新建一個圖層命名為action,選擇第一幀按F9調出動作面板,輸入以下代碼:
//創建一個名為nc的NetConnection對象
var nc:NetConnection = new NetConnection();
nc.connect(null);
//創建一個名為ns的NetStream對象,并將nc作為參數填寫在括號內
var ns:NetStream = new NetStream(nc);
//創建一個名為myVideo的Video對象
var myVideo:Video;
//將myVideo播放的視頻指定為ns myVideo.attachVideo(ns);
//讓ns執行play()方法,括號內填寫flv文件的路徑,這里我用的是本地路徑
ns.play(BT玩家.flv);
代碼上有不清楚或者相關的請查看幫助文檔。我們按Ctrl+Enter導出看看,這時候我們應該能正常播放flv影片了。 PS:如果目前你手頭上沒有flv文件,不用擔心。著名的Google給我們提供了很好的服務,我們可以使用Danger的GVD來搜索查看并下載。這里我就直接給個地址
http://dengjie.com/gvd/gvd.swf?id=1858640896825067657
?
*****************************第二步:*****************************
新建screenshot、controlBar和control三個層,順序如圖1-3

圖1-3
把screenshot放在video層之下,導入screenShot.jpg,并將該元件放到screenshot層上與video的框架正好吻合。

圖screenShot.jpg
PS:對于影片截圖,放不放就根據需要啦。
選擇層controlBar,用矩形工具繪制一個圓角矩形,將其轉換成元件后,設置Alpha值為50%。如圖1-4

圖1-4
選擇層control,是用文字工具,選擇字體為Webdings(系統自帶的,別跟我說沒有=。=),顏色為黑色,按下9打出特殊符號?,再按4打出另外一個特殊符號?,然后按;打出?。分別將這兩個符號轉換為按鈕元件rewind_button、play_button和pause_button,并定位好他們的位置如圖1-5

圖1-5
好,現在我們分別給上述幾個按鈕命名實例名為:rewind_btn、play_btn、pause_btn。選擇action層第一幀輸入一下代碼:
rewind_btn.onRelease = function(){
//NetSream.seek()方法用來指定流播放秒數,或者說是播放位置。
ns.seek(0);
}
play_btn.onRelease = function(){
//播放or暫停
ns.pause();
}
pause_btn.onRelease = function(){
ns.pause();
}
?好的,我們現在按Ctrl+Enter測試下影片。這里需要說明一下,play_btn和pause_btn函數內的代碼都為ns.pause();,實際上pause()這個方法是實現了視頻流播放和暫停兩個功能,當播放時按下就為暫停,暫停狀態下按下就是繼續播放。這里是為照顧初學者的理解我才這么做的,追求完美的朋友可以自己做一個按鈕,實現播放符號和暫停符號的切換。
?
*****************************第三步:*****************************
前兩部分我們學會了如何播放,控制視頻等等,現在需要什么呢?既然是flv是流媒體,為了是播放器顯得更人性化,現在還缺少一個Video加載的進度條。還等什么,趕快一起動手吧。首先,我們在層controlBar新建一個圖層名為:loader,將筆觸顏色設置為黑色,填充設置為白色,用矩形工具繪制一個進度條如圖1-6
本文轉自:http://www.5uflash.com/flashjiaocheng/Fmsjiaocheng/2305.html
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
