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