玩轉(zhuǎn)Flash視頻——FLV

2010-08-28 10:49:52來源:西部e網(wǎng)作者:

Web 2.0時代,要說什么類型網(wǎng)站最火,自然是以國外的Youtube、Google Video,國內(nèi)的土豆網(wǎng)、UUME為代表的視頻分享網(wǎng)站了。這類網(wǎng)站提供的視頻內(nèi)容可謂各有千秋,但它們無一例外的都使用了Flash作為視頻播放載體,支撐這些視頻網(wǎng)站的技術(shù)基礎(chǔ)就是—— Flash 視頻 (FLV) 。 001

FLV 是一種全新的流媒體視頻格式,它利用了網(wǎng)頁上廣泛使用的Flash Player 平臺,將視頻整合到Flash 動畫中。也就是說,網(wǎng)站的訪問者只要能看Flash動畫,自然也能看FLV 格式視頻,而無需再額外安裝其它視頻插件,F(xiàn)LV視頻的使用給互聯(lián)網(wǎng)視頻傳播帶來了極大便利。

看了上面這些,相信大家也躍躍欲試了吧,下面我們就來講講如何在網(wǎng)頁中使用FLV 視頻。

視頻轉(zhuǎn)換為FLV格式

從Flash MX 2004開始,軟件就提供了FLV 格式支持,不過筆者建議大家使用目前最新版本的Flash 8,這個版本的Flash中有一個獨(dú)立的FLV轉(zhuǎn)換工具:Flash 8 Video Encoder。點擊系統(tǒng)菜單“程序”→“Macromedia”→“Macromedia Flash 8 Video Encoder”進(jìn)入。

進(jìn)入程序后,可以看到軟件界面非常簡單,如圖1。實際上使用這一工具轉(zhuǎn)換普通視頻為FLV視頻很容易,只需幾步即可完成。

圖1

點擊“增加”按紐,軟件自動調(diào)用系統(tǒng)“打開”對話,選擇需要導(dǎo)入的視頻即可。Flash 8 Video Encoder支持轉(zhuǎn)換的視頻格式相當(dāng)廣泛,如:AVI、WMV、MPEG、ASF、MOV等常見視頻格式。視頻添加進(jìn)隊列后,如果你不需要做特殊修改,那么點擊“開始隊列”按紐,程序即開始視頻轉(zhuǎn)換。

軟件轉(zhuǎn)換視頻的速度,筆者總的感覺還是較快,當(dāng)然這與原始視頻大小及設(shè)置的視頻數(shù)據(jù)速率有關(guān)。整個轉(zhuǎn)換過程,主窗口下方都有信息提示,并且還能看到實時的進(jìn)度預(yù)覽。轉(zhuǎn)換結(jié)束后,在轉(zhuǎn)換視頻同一文件夾下,我們就能得到一個同名的FLV文件。

當(dāng)然,上述這些只是按照默認(rèn)設(shè)置進(jìn)行轉(zhuǎn)換的情況,實際情況下,我們對于視頻轉(zhuǎn)換的控制還可以很多,點擊主窗口“設(shè)置”按紐進(jìn)入高級設(shè)置對話框,如圖2。

圖2

在視頻編碼設(shè)置對話框中,最顯著的就是FLV視頻品質(zhì)設(shè)置,默認(rèn)是“Flash 8 - 中等品質(zhì) (400kbps)”,軟件內(nèi)置7種不同的編碼設(shè)置組合。我們也可以選擇自定義設(shè)置,點擊“顯示高級設(shè)置”按紐,軟件將顯示自定義的設(shè)置界面,如圖3。

圖3

軟件提供了兩種視頻解碼器供選擇:On2 VP6(用于 Flash Player 8,支持Alpha 通道)、Sorenson Spark(用于 Flash Player 7,適用于低配置用戶);“調(diào)整視頻大小”也頗有用,我們很容易生成制定尺寸的動畫;如果你只重視視頻效果,那么你還可以對“音頻編碼”開刀,將默認(rèn)編碼數(shù)率設(shè)置低些,那么輸出的文件還會更小巧。

高級設(shè)置中的選擇還很多,它甚至還提供了簡單的視頻編輯功能,點擊“裁切和修剪”標(biāo)簽,如圖4。

圖4

裁切使用很簡單,軟件提供了四個方向的控制,輸入數(shù)值以裁切視頻,或者點擊“三角”按紐顯示控制滑塊,拖動滑塊直觀地調(diào)整視頻尺寸,視頻預(yù)覽區(qū)會實時用虛線勾畫裁切范圍。

修剪的使用也不復(fù)雜,在視頻預(yù)覽區(qū)下方可以看到一個藍(lán)色的視頻進(jìn)度指示條,拖動上方的“倒三角”按紐定位視頻播放進(jìn)度。進(jìn)度指示條下方有兩個按紐,它們就是“開始點”和“結(jié)束點”定位按紐,分別拖動按紐到所需位置,即完成簡單的視頻修剪。

Flash插入FLV視頻

得到了FLV文件,其實我們并不能直接在網(wǎng)頁中使用,我們還需要將它嫁接到Flash動畫中去。如同大家在各種視頻網(wǎng)站中看到的一樣,我們創(chuàng)建的Flash視頻并不是簡單播放就算了,它也是帶播放控制的。 001

運(yùn)行Flash 8,創(chuàng)建新的Flash 文檔,點擊菜單“文件”→“導(dǎo)入”→“導(dǎo)入視頻”,進(jìn)入“導(dǎo)入視頻”對話框,如圖5。

圖5

可以看到,選擇視頻時會有兩種不同的選擇:“在您的計算機(jī)上”、“已經(jīng)部署到Web服務(wù)器”,這兩者是有區(qū)別的,不過目前我們僅需在本地測試動畫,選擇“在您的計算機(jī)上”。點擊“瀏覽”按紐,通過系統(tǒng)打開對話框,載入我們剛生成的FLV文件,點擊“下一個”按紐繼續(xù)。

接下來選擇“部署方式”為:“從 Web 服務(wù)器漸進(jìn)式下載”,進(jìn)入“外觀”選項,如圖6。

圖6

Flash 8目前已經(jīng)為播放FLV視頻內(nèi)置了數(shù)十個播放控制器,它們的外觀各異,控制選項也有區(qū)別,你可以根據(jù)自己的需要,選擇一個合適的播放控制器,最后點擊“完成”按紐結(jié)束。

返回Flash 8主窗口工作區(qū),可以看到我們剛插入的視頻已經(jīng)布置到位了,此時你可以直接按Ctrl+Enter測試動畫了,如圖7。

圖7

FLV播放器的生成

通過動畫預(yù)覽,我們可以發(fā)現(xiàn),目前默認(rèn)的Flash動畫尺寸比播放器寬了不少,我們需要重新設(shè)置一下。鼠標(biāo)在工作區(qū)中選擇“播放器控件”,調(diào)用“屬性”面板(Ctrl+F3),修改X、Y軸值為“0.0”,這樣我們就將“播放器控件”這個元件定位到了工作區(qū)的左上方頂點處,如圖8。 001

圖8

點擊菜單“修改”→“文檔”,進(jìn)入“文檔屬性”對話框,選擇“匹配”值為“內(nèi)容”,點擊“確定”返回,現(xiàn)在Flash文檔的尺寸就與播放器一致了。

如果大家制作的FLV視頻動畫只打算在本地計算中播放,那么就直接輸出SWF文件即可,如果是準(zhǔn)備在網(wǎng)絡(luò)中調(diào)用,那么還需要做一些事情。

先上傳自己制作的FLV文件到網(wǎng)絡(luò)服務(wù)器,獲得文件遠(yuǎn)程網(wǎng)絡(luò)地址:如:http://www.scxp.net/01.flv。接下來,選擇工作區(qū)中的“播放器控件”,調(diào)用“參數(shù)”面板,找到“contentPath”字段,修改它的值為“http://www.scxp.net/01.flv”(原始值就是最開始大家設(shè)置的本地FLV文件路徑),如圖9。

圖9

點擊菜單“文件”→“導(dǎo)出”→“導(dǎo)出影片”,例:設(shè)置導(dǎo)出影片地址為“D:\”,文件名為“01.swf”。接下來,設(shè)置播放器版本為“Flash Player 8”,ActionScript版本為“ActionScript 2.0”,點擊“確定”完成。

進(jìn)入“D:\”,可以看到,除了剛生成的“01.swf”文件外,還多了個“SteelOverPlaySeekMute.swf”文件,它也是調(diào)用Flash視頻必須的文件,現(xiàn)在將這兩個文件也上傳到你的服務(wù)器中即可。以后你在網(wǎng)上任何地方需要調(diào)用Flash視頻時,只需要插入服務(wù)器上的那個“01.swf”動畫的網(wǎng)絡(luò)地址即可。

:設(shè)置Flash動畫調(diào)用的FLV文件為網(wǎng)上遠(yuǎn)程路徑后,本地預(yù)覽“01.swf”文件會有安全警告,這是正常的情況,大家不必?fù)?dān)心。

 

關(guān)鍵詞:Flashflv

贊助商鏈接: