[PP]Web 2.0時(shí)代，要說(shuō)什么類型網(wǎng)站最火，自然是以國(guó)外的Youtube、Google Video，國(guó)內(nèi)的土豆網(wǎng)、UUME為代表的視頻分享網(wǎng)站了。這類網(wǎng)站提供的視頻內(nèi)容可謂各有千秋，但它們無(wú)一例外的都使用了Flash作為視頻播放載體，支撐這些視頻網(wǎng)站的技術(shù)基礎(chǔ)就是—— Flash 視頻 (FLV) 。 [PP]FLV 是一種全新的流媒體視頻格式，它利用了網(wǎng)頁(yè)上廣泛使用的Flash Player 平臺(tái)，將視頻整合到Flash 動(dòng)畫中。也就是說(shuō)，網(wǎng)站的訪問(wèn)者只要能看Flash動(dòng)畫，自然也能看FLV 格式視頻，而無(wú)需再額外安裝其它視頻插件，F(xiàn)LV視頻的使用給互聯(lián)網(wǎng)視頻傳播帶來(lái)了極大便利。 [PP]看了上面這些，相信大家也躍躍欲試了吧，下面我們就來(lái)講講如何在網(wǎng)頁(yè)中使用FLV 視頻。 [PP]視頻轉(zhuǎn)換為FLV格式 [PP]從Flash MX 2004開(kāi)始，軟件就提供了FLV 格式支持，不過(guò)筆者建議大家使用目前最新版本的Flash 8，這個(gè)版本的Flash中有一個(gè)獨(dú)立的FLV轉(zhuǎn)換工具：Flash 8 Video Encoder。點(diǎn)擊系統(tǒng)菜單“程序”→“Macromedia”→“Macromedia Flash 8 Video Encoder”進(jìn)入。 [PP]進(jìn)入程序后，可以看到軟件界面非常簡(jiǎn)單，如圖1。實(shí)際上使用這一工具轉(zhuǎn)換普通視頻為FLV視頻很容易，只需幾步即可完成。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/977926955B20E8BD071CA102B06B031D.jpg[/IMGA] [PP]圖1 [PP]點(diǎn)擊“增加”按紐，軟件自動(dòng)調(diào)用系統(tǒng)“打開(kāi)”對(duì)話，選擇需要導(dǎo)入的視頻即可。Flash 8 Video Encoder支持轉(zhuǎn)換的視頻格式相當(dāng)廣泛，如：AVI、WMV、MPEG、ASF、MOV等常見(jiàn)視頻格式。視頻添加進(jìn)隊(duì)列后，如果你不需要做特殊修改，那么點(diǎn)擊“開(kāi)始隊(duì)列”按紐，程序即開(kāi)始視頻轉(zhuǎn)換。 [PP]軟件轉(zhuǎn)換視頻的速度，筆者總的感覺(jué)還是較快，當(dāng)然這與原始視頻大小及設(shè)置的視頻數(shù)據(jù)速率有關(guān)。整個(gè)轉(zhuǎn)換過(guò)程，主窗口下方都有信息提示，并且還能看到實(shí)時(shí)的進(jìn)度預(yù)覽。轉(zhuǎn)換結(jié)束后，在轉(zhuǎn)換視頻同一文件夾下，我們就能得到一個(gè)同名的FLV文件。 [PP]當(dāng)然，上述這些只是按照默認(rèn)設(shè)置進(jìn)行轉(zhuǎn)換的情況，實(shí)際情況下，我們對(duì)于視頻轉(zhuǎn)換的控制還可以很多，點(diǎn)擊主窗口“設(shè)置”按紐進(jìn)入高級(jí)設(shè)置對(duì)話框，如圖2。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/EBCE0194DD73451E5F7F1A7B693124BA.jpg[/IMGA] [PP]圖2 [PP]在視頻編碼設(shè)置對(duì)話框中，最顯著的就是FLV視頻品質(zhì)設(shè)置，默認(rèn)是“Flash 8 - 中等品質(zhì) (400kbps)”，軟件內(nèi)置7種不同的編碼設(shè)置組合。我們也可以選擇自定義設(shè)置，點(diǎn)擊“顯示高級(jí)設(shè)置”按紐，軟件將顯示自定義的設(shè)置界面，如圖3。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/A50391FEC88E5DD0DC13349DCAE9B84D.jpg[/IMGA] [PP]圖3 [PP]軟件提供了兩種視頻解碼器供選擇：On2 VP6（用于 Flash Player 8，支持Alpha 通道）、Sorenson Spark（用于 Flash Player 7，適用于低配置用戶）；“調(diào)整視頻大小”也頗有用，我們很容易生成制定尺寸的動(dòng)畫；如果你只重視視頻效果，那么你還可以對(duì)“音頻編碼”開(kāi)刀，將默認(rèn)編碼數(shù)率設(shè)置低些，那么輸出的文件還會(huì)更小巧。 [PP]高級(jí)設(shè)置中的選擇還很多，它甚至還提供了簡(jiǎn)單的視頻編輯功能，點(diǎn)擊“裁切和修剪”標(biāo)簽，如圖4。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/960759B5657FBAB84BCBC43C339DE83F.jpg[/IMGA] [PP]圖4 [PP]裁切使用很簡(jiǎn)單，軟件提供了四個(gè)方向的控制，輸入數(shù)值以裁切視頻，或者點(diǎn)擊“三角”按紐顯示控制滑塊，拖動(dòng)滑塊直觀地調(diào)整視頻尺寸，視頻預(yù)覽區(qū)會(huì)實(shí)時(shí)用虛線勾畫裁切范圍。 [PP]修剪的使用也不復(fù)雜，在視頻預(yù)覽區(qū)下方可以看到一個(gè)藍(lán)色的視頻進(jìn)度指示條，拖動(dòng)上方的“倒三角”按紐定位視頻播放進(jìn)度。進(jìn)度指示條下方有兩個(gè)按紐，它們就是“開(kāi)始點(diǎn)”和“結(jié)束點(diǎn)”定位按紐，分別拖動(dòng)按紐到所需位置，即完成簡(jiǎn)單的視頻修剪。 [PP]Flash插入FLV視頻 [PP] [PP]得到了FLV文件，其實(shí)我們并不能直接在網(wǎng)頁(yè)中使用，我們還需要將它嫁接到Flash動(dòng)畫中去。如同大家在各種視頻網(wǎng)站中看到的一樣，我們創(chuàng)建的Flash視頻并不是簡(jiǎn)單播放就算了，它也是帶播放控制的。 [PP]運(yùn)行Flash 8，創(chuàng)建新的Flash 文檔，點(diǎn)擊菜單“文件”→“導(dǎo)入”→“導(dǎo)入視頻”，進(jìn)入“導(dǎo)入視頻”對(duì)話框，如圖5。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/2A26D0FBCAFF8F9BBBECB6794A18EEBF.jpg[/IMGA] [PP]圖5 [PP]可以看到，選擇視頻時(shí)會(huì)有兩種不同的選擇：“在您的計(jì)算機(jī)上”、“已經(jīng)部署到Web服務(wù)器”，這兩者是有區(qū)別的，不過(guò)目前我們僅需在本地測(cè)試動(dòng)畫，選擇“在您的計(jì)算機(jī)上”。點(diǎn)擊“瀏覽”按紐，通過(guò)系統(tǒng)打開(kāi)對(duì)話框，載入我們剛生成的FLV文件，點(diǎn)擊“下一個(gè)”按紐繼續(xù)。 [PP]接下來(lái)選擇“部署方式”為：“從 Web 服務(wù)器漸進(jìn)式下載”，進(jìn)入“外觀”選項(xiàng)，如圖6。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/509A86E6C32F1197153A1005E021FB93.jpg[/IMGA] [PP]圖6 [PP]Flash 8目前已經(jīng)為播放FLV視頻內(nèi)置了數(shù)十個(gè)播放控制器，它們的外觀各異，控制選項(xiàng)也有區(qū)別，你可以根據(jù)自己的需要，選擇一個(gè)合適的播放控制器，最后點(diǎn)擊“完成”按紐結(jié)束。 [PP]返回Flash 8主窗口工作區(qū)，可以看到我們剛插入的視頻已經(jīng)布置到位了，此時(shí)你可以直接按Ctrl+Enter測(cè)試動(dòng)畫了，如圖7。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/52F83A37EBF05BA3830FA6B89349F662.jpg[/IMGA] [PP]圖7 [PP]FLV播放器的生成 [PP]通過(guò)動(dòng)畫預(yù)覽，我們可以發(fā)現(xiàn)，目前默認(rèn)的Flash動(dòng)畫尺寸比播放器寬了不少，我們需要重新設(shè)置一下。鼠標(biāo)在工作區(qū)中選擇“播放器控件”，調(diào)用“屬性”面板（Ctrl+F3），修改X、Y軸值為“0.0”，這樣我們就將“播放器控件”這個(gè)元件定位到了工作區(qū)的左上方頂點(diǎn)處，如圖8。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/B53545D51AD42B4FD78BD1EA1EE89A85.jpg[/IMGA] [PP]圖8 [PP]點(diǎn)擊菜單“修改”→“文檔”，進(jìn)入“文檔屬性”對(duì)話框，選擇“匹配”值為“內(nèi)容”，點(diǎn)擊“確定”返回，現(xiàn)在Flash文檔的尺寸就與播放器一致了。 [PP]如果大家制作的FLV視頻動(dòng)畫只打算在本地計(jì)算中播放，那么就直接輸出SWF文件即可，如果是準(zhǔn)備在網(wǎng)絡(luò)中調(diào)用，那么還需要做一些事情。 [PP]先上傳自己制作的FLV文件到網(wǎng)絡(luò)服務(wù)器，獲得文件遠(yuǎn)程網(wǎng)絡(luò)地址：如：http://www.scxp.net/01.flv。接下來(lái)，選擇工作區(qū)中的“播放器控件”，調(diào)用“參數(shù)”面板，找到“contentPath”字段，修改它的值為“http://www.scxp.net/01.flv”(原始值就是最開(kāi)始大家設(shè)置的本地FLV文件路徑)，如圖9。 [PP][IMGA]http://www.sj170.com/file/wwwpic/2006-10/18/6A86AFE2A4B7801E9601F9E973818D25.jpg[/IMGA] [PP]圖9 [PP]點(diǎn)擊菜單“文件”→“導(dǎo)出”→“導(dǎo)出影片”，例：設(shè)置導(dǎo)出影片地址為“D:\”，文件名為“01.swf”。接下來(lái)，設(shè)置播放器版本為“Flash Player 8”，ActionScript版本為“ActionScript 2.0”，點(diǎn)擊“確定”完成。 [PP]進(jìn)入“D:\”，可以看到，除了剛生成的“01.swf”文件外，還多了個(gè)“SteelOverPlaySeekMute.swf”文件，它也是調(diào)用Flash視頻必須的文件，現(xiàn)在將這兩個(gè)文件也上傳到你的服務(wù)器中即可。以后你在網(wǎng)上任何地方需要調(diào)用Flash視頻時(shí)，只需要插入服務(wù)器上的那個(gè)“01.swf”動(dòng)畫的網(wǎng)絡(luò)地址即可。 [PP]注：設(shè)置Flash動(dòng)畫調(diào)用的FLV文件為網(wǎng)上遠(yuǎn)程路徑后，本地預(yù)覽“01.swf”文件會(huì)有安全警告，這是正常的情況，大家不必?fù)?dān)心。 | |
聯(lián)系客服
