教程英文源自:ultrashock
Flash8 針對(duì)flv增加了一個(gè)非常好的組件FLV playback,它非常的容易使用,可更換皮膚并且可以使用之前版本的傳統(tǒng)方來使用和控制它,或你可以使用Actionscript來加入和控制你的影片。
FLVPlayback組件的API是很多的,已超出了本教程的范圍,但我建議你一旦熟悉了這個(gè)組件,你便可以自已去發(fā)掘它的所有的屬性和方法的應(yīng)用。現(xiàn)在我們將要處理簡單的事情就是將它放在flash影片中,并讓它能夠播放一些視頻影片。現(xiàn)在讓我們開始吧!
1. 在你的影片中加入FLVPlayback組件
有許多種方法將組件加入到你的場(chǎng)景中,這取決于你的背景(你可能是一個(gè)設(shè)計(jì)師也可能是一個(gè)開發(fā)人員),你可以手動(dòng)的將組件放置在場(chǎng)景中,也可以使用actionscript來安排它的位置。
我們將分兩種不同的方法來將FLVPlayback組件加入到你的影片中,設(shè)置皮膚和指定視頻內(nèi)容給組件。這兩種方法分別針對(duì)“開發(fā)人員”和“設(shè)計(jì)師”。
2.針對(duì)設(shè)計(jì)師的方法
2.1 在你的項(xiàng)目中加入視頻
設(shè)計(jì)師通常不會(huì)依靠Actionscript來做大量的工作。通常情況下設(shè)計(jì)師使用手動(dòng)的方式來安排和設(shè)計(jì)布局。FALSH提供了針對(duì)設(shè)計(jì)師的方法來加入FLVPlayback組件到場(chǎng)景中。
方法如下:打開一個(gè)新文檔,按下ctrl+f7打開組件面板然后拖動(dòng)FLVPlayback組件至場(chǎng)景中或你的元件庫中,確保你選擇的是flash8的FLVPlayback組件。如下圖所示:
選中場(chǎng)景中的組件后,在組件的屬性面板上命名它的實(shí)例名稱為”myVideo”,實(shí)例名稱可以讓你在Actionscript中引用它。
2.2皮膚
現(xiàn)在你的FLVPlayback組件已經(jīng)在場(chǎng)景中了,我們應(yīng)當(dāng)使用一種皮膚使它適應(yīng)我們的整個(gè)項(xiàng)格風(fēng)格的需要。
確保選中的場(chǎng)景中的FLVPlayback組件,打開屬性檢視面板然后選擇參數(shù)選項(xiàng)卡,向下滾動(dòng)參數(shù)面板打開skin項(xiàng)目,選中它點(diǎn)擊右側(cè)的放大鏡按鈕如下圖所示:
點(diǎn)擊了放大鏡按鈕后它將彈出一個(gè)選擇皮膚的向?qū)Т翱冢诖翱谥羞x擇你所需要的皮膚。然后確定就OK了。如下圖所示:
有許多的皮膚可以供你選擇,不同的是它們的外觀和一些功能。需要你花一些時(shí)間來查看一下它們的不同,來選擇適合你項(xiàng)目的播放器。
選擇一種皮膚后,這個(gè)皮膚的名字會(huì)顯示在屬性面板參數(shù)欄的skin右側(cè),那么你選中的這個(gè)皮膚將會(huì)從flash的”Configuration/Skins”目錄復(fù)制到你的文件所保存的目錄下,你可以打開你保存文件的位置查看,會(huì)發(fā)現(xiàn)多了一個(gè)swf文件,此文件就是你選擇了皮膚后的結(jié)果。
2.3 指定要播放的視頻
假設(shè)在你的項(xiàng)目中有一個(gè)文件目錄為”flv”,里面有一些要用到的flv文件,選中組件,在組件的參數(shù)中有一項(xiàng)名為”contentPath”,選中后,你可以在右側(cè)手動(dòng)輸入位置,也可以點(diǎn)擊右側(cè)的放大鏡選擇FLV的路徑。如下圖所示:
當(dāng)你輸入完路徑后,點(diǎn)擊ok,那么這個(gè)路徑就成為了”contentPath”的屬性值,當(dāng)你測(cè)試你的影片時(shí)你就可以發(fā)現(xiàn)它已經(jīng)能在組件中自動(dòng)的播放了。
如上圖,在你選擇flv視頻路徑時(shí),其中有一個(gè)選項(xiàng)為Match source FLV dimensions,如果選中的這個(gè)選項(xiàng)那么組件會(huì)根據(jù)原視頻的大小來調(diào)整組件的大小。
你也許想在”contentPath”中直接輸入網(wǎng)址:
http://www.helpexamples.com/flash/video/water.flv
測(cè)試你的影片,我們已經(jīng)成功的通過網(wǎng)址載入了遠(yuǎn)程視頻。
3. 針對(duì)開發(fā)人員的方法
開發(fā)人員與設(shè)計(jì)師方法的最大不同點(diǎn)在于開發(fā)人員更注重于邏輯性,而不是創(chuàng)意性。Actionscript2.0是非常強(qiáng)大的,有一些針對(duì)視頻的特性,特別是針對(duì)FLVPlayback組件,盡管它是一個(gè)以代碼為中心的方法,但它并不復(fù)雜。
3.1 加入視頻到你的項(xiàng)目中
在開始之前,需要FLVPlayback組件存在于你的庫中。你可以將它拖到庫中,或是拖到場(chǎng)景中,然后在場(chǎng)景中刪除它。如下圖如示:
需要注意的是FLVPlayback有一個(gè)鏈接屬性名稱,為”FLVPlayback”,這個(gè)鏈接名稱是很重要的,通過它我們可以使用Actionscript將其貼加到場(chǎng)景中。查看鏈接屬性的方法如下,在庫中選中剛加入的FLVPlayback組件,右擊如下圖所示:
首先我們需要先導(dǎo)入video類:
代碼:
import mx.video.*;
現(xiàn)在,你不需要為FLVPlayback組件命名實(shí)例名稱,因?yàn)榻M件存在于你的庫中,你可以將其貼加到你的場(chǎng)景中或是放在別的MovieClip中。如下方法:
代碼:
var Player:FLVPlayback = attachMovie
("FLVPlayback", "Player", getNextHighestDepth());
這里我們已經(jīng)將FLVPlayback組件加入到你的影片中了,我們可以使用變量名”Player”與它通訊。接下來我們將沿著這條路加入皮膚和載入所要播放的視頻內(nèi)容。
3.2 皮膚
首先你需要熟知我們可用的皮膚文件所在位置,默認(rèn)情況下在你安裝完flash后,你存在于“C:\Program Files\Macromedia\Flash 8\en\Configuration\Skins”. 下。
當(dāng)你選中一種皮膚后,你需要將其復(fù)制到你的源文件所存放的位置目錄下,如同在上面針對(duì)設(shè)計(jì)師方法中一樣,只不過在針對(duì)設(shè)計(jì)師方法是系統(tǒng)自動(dòng)的復(fù)制過去的。對(duì)于當(dāng)前這個(gè)教程,我們選中了”SteelExternalAll.swf”將其復(fù)制到我們的源文件存放的目錄下。
我們?cè)谏厦嬉呀?jīng)編寫的代碼,將FLVPlayback組件加入到影片中了,并且它有了一個(gè)變量名為”Player”,加入皮膚我們用下面的代碼:
代碼:
Player.skin = "SteelExternalAll.swf";
在運(yùn)行時(shí),組件FLVPlayback通過變量名”Player”應(yīng)用我們選中的皮膚”SteelExternalAll.swf”.
你可以通過設(shè)置_x和_y屬性來設(shè)置組件實(shí)例的位置。如下:
代碼:
Player._x=Stage.width-Player._width-10;;
Player._y=10
注意:很重要的一點(diǎn)是你需要將你的皮膚swf文件一同發(fā)送到你的遠(yuǎn)程服務(wù)上,前保存現(xiàn)有的文件目錄結(jié)構(gòu)。
現(xiàn)在組件已經(jīng)位于場(chǎng)景的右上方了,我們選擇不根據(jù)影片的大小縮放組件。如下:
代碼:
Player.autoSize=false;
3.3 指定播放視頻
下面告訴FLVPlayback組件播放指定的視頻,通過contentPath屬性來完成如下:
代碼:
Player.contentPath = "flv/movieName.flv";
你仍可以使用遠(yuǎn)程網(wǎng)址的形式如下
代碼:
Player.contentPath ="http://www.helpexamples.com/flash/video/water.flv"
這樣我們就完成了。如下小例子:
Ps byegoldy:不論使用哪種方法,使用flash8相對(duì)簡單了許多,當(dāng)然這里沒有涉及到一些高級(jí)的應(yīng)用.在使用代碼時(shí),不需要超過10行代碼,只是有一點(diǎn),一定記得將你的皮膚文件一同發(fā)送到服務(wù)器端去.同時(shí)注意皮膚文件的鏈接如:Player.skin=http://yourdomain.com/someskin.swf
范例源文件文件下載聯(lián)系客服