編者按：如果您是信息技術(shù)教師，或善于鉆研各種技術(shù)問(wèn)題，那么在生活中，在教學(xué)中，一定親歷過(guò)無(wú)數(shù)的技術(shù)障礙，實(shí)施過(guò)不勝枚舉的解決方案，有冥思苦想時(shí)的抽絲剝繭，更有揮劍斬棘時(shí)的暢快淋漓?？傆心菢右恍芭爬住边^(guò)程，讓您記憶猶新，總有那樣一些隱性的相關(guān)性讓您不斷刷新自己的認(rèn)知。
　　現(xiàn)在，我們?yōu)槟_設(shè)了這樣一個(gè)陳列館，期待您能夠?qū)⑦@些珍貴的“診斷手記”陳列出來(lái)，在展示自己“技藝”的同時(shí)也為大家提供更多可供借鑒的思路和經(jīng)驗(yàn)。
　　
　　問(wèn)題概要：如何在網(wǎng)頁(yè)中插入FLV格式的學(xué)習(xí)視頻
　　診斷關(guān)鍵詞：視頻轉(zhuǎn)換；網(wǎng)頁(yè)播放器；MIME
　　
　　● 學(xué)生遭遇的問(wèn)題
　　在信息技術(shù)教學(xué)中，教師經(jīng)常需要為學(xué)生提供學(xué)習(xí)視頻。由于這些學(xué)習(xí)視頻容量比較大，我就參照網(wǎng)絡(luò)影院的做法，把視頻壓縮成WMV格式或RM格式，在網(wǎng)頁(yè)中嵌入流媒體播放器，供學(xué)生在線瀏覽。但是，因?yàn)榫W(wǎng)頁(yè)瀏覽器要安裝客戶端，學(xué)生反映在視頻播放時(shí)總會(huì)出現(xiàn)種種意想不到的問(wèn)題，如看不到視頻，頁(yè)面出錯(cuò)，出現(xiàn)缺少播放器控件、緩沖失敗的提示，畫面漆黑等情況頻頻發(fā)生。這些都使學(xué)生在家里瀏覽網(wǎng)頁(yè)中的學(xué)習(xí)視頻時(shí)困難重重，不知道如何去解決，我嘗試了很多種解決方法，卻總也不盡人意。
　　● 改進(jìn)過(guò)程中的一波三折
　?。ㄒ唬┮曨l播放與FlV的巧遇
　　一天，幾位學(xué)生給我提出建議：“老師，為什么不把視頻做成優(yōu)酷、土豆網(wǎng)中視頻的格式呢？因?yàn)槲覀冊(cè)诩依锟磧?yōu)酷、土豆網(wǎng)的視頻從來(lái)不會(huì)出現(xiàn)無(wú)法播放的問(wèn)題?！?br/>　　學(xué)生的建議提醒了我。我知道優(yōu)酷、土豆網(wǎng)使用的視頻格式是FLV。FLV是FLASH VIDEO的簡(jiǎn)稱，是隨著Flash MX的推出而發(fā)展起來(lái)的視頻格式。由于FLV形成的視頻質(zhì)量好、文件容量小、加載速度快，已被眾多新一代視頻分享網(wǎng)站所采用，是目前增長(zhǎng)最快、應(yīng)用最為廣泛的視頻傳播格式。
　　作為一種新興的網(wǎng)絡(luò)視頻格式，F(xiàn)LV能受到眾多網(wǎng)站熱捧的關(guān)鍵是其使用了Flash Player播放器，將視頻整合到Flash動(dòng)畫中。也就是說(shuō)，網(wǎng)站的訪問(wèn)者只要瀏覽Flash動(dòng)畫，自然也能觀看FLV格式的視頻，無(wú)需再額外安裝其他視頻插件，這給視頻傳播帶來(lái)了極大的便利。如果我將學(xué)習(xí)視頻統(tǒng)一轉(zhuǎn)換為FLV格式，插入到網(wǎng)頁(yè)課件中，那么，學(xué)生反映的視頻無(wú)法播放的諸多問(wèn)題可能就迎刃而解了。
　　（二）讓網(wǎng)頁(yè)支持在線播放FLV視頻
　　我以“網(wǎng)頁(yè)中插入FLV”為關(guān)鍵詞，從網(wǎng)上搜索到一些資料，大致了解了網(wǎng)頁(yè)中播放FLV視頻的操作過(guò)程。一般來(lái)說(shuō)，具體的操作分為“把視頻轉(zhuǎn)換成FLV格式”和“在網(wǎng)頁(yè)中嵌入FLV播放器”兩個(gè)部分。
　　1.把視頻轉(zhuǎn)換成FLV格式
　　Flash MX 2004已經(jīng)具備了將視頻轉(zhuǎn)換為FLV格式的功能，其操作是先將視頻導(dǎo)入到庫(kù)，然后根據(jù)向?qū)нx擇視頻的“壓縮設(shè)置”。導(dǎo)入成功后，在“庫(kù)”中選擇該視頻的屬性，點(diǎn)擊“導(dǎo)出”就可以將FLV視頻導(dǎo)出來(lái)了（如圖1）。
　　
　　然而，如果有很多視頻要轉(zhuǎn)換，這種辦法顯然不合適。我試著以“FLV轉(zhuǎn)換器”為關(guān)鍵詞，果然找到了很多轉(zhuǎn)換工具。我下載了BitComet FLV轉(zhuǎn)換器，這個(gè)工具可以將FLV與AVI、WMV、MP4、iPOD、PSP、MOBILE等媒體格式互相轉(zhuǎn)換(如圖2)，軟件界面很簡(jiǎn)潔。
　　
　　一般來(lái)說(shuō)，所有的參數(shù)采用默認(rèn)設(shè)置就可以了，經(jīng)過(guò)幾次測(cè)試，我發(fā)現(xiàn)將比特率設(shè)為400，播放效果較好，并且形成的文件不大，壓縮速度也很快。
　　2.在網(wǎng)頁(yè)中嵌入FLV播放器
　　我以“FLV網(wǎng)頁(yè)播放器”為關(guān)鍵字，在百度上搜索，將繁多的資料一一比較，我覺得比較成熟的網(wǎng)頁(yè)播放器有JW FLV Media Player（也稱為JW Player）和CuPlayerMini（酷播迷你）。這兩款播放器都可以從網(wǎng)上下載，應(yīng)用較廣。
　　JW Player是一款開源軟件，目前最新版本是5.5，對(duì)于非商業(yè)使用是免費(fèi)的?！翱岵ッ阅恪笔且豢顕?guó)產(chǎn)的FLV網(wǎng)頁(yè)播放器，其1.0版本是免費(fèi)的，不僅支持FLV和MP4格式，還支持視頻略縮圖、全屏播放、進(jìn)度條拖動(dòng)播放、音量控制、視頻文件自適應(yīng)播放器大小等必要的功能，官方下載地址為http://www.cuplayer.com。
　　根據(jù)CuPlayerMini官方網(wǎng)站上的提示，我將下載的播放器壓縮包解開，把“Images”中的文件復(fù)制到網(wǎng)頁(yè)的主目錄中，在播放頁(yè)面中的之間插入如下代碼：。然后，我在網(wǎng)頁(yè)中需要顯示播放器窗口的位置加入官網(wǎng)提示的代碼，參見http://www.cuplayer.com/cu/CuPlayerMini.html。其中，CuPlayerFile和CuPlayerImage的參數(shù)設(shè)置是關(guān)鍵，如視頻文件的URL地址和視頻縮略圖的URL地址，URL地址要使用相對(duì)于根目錄的絕對(duì)路徑。
　　（三）利用Dreamweaver 8插入Flash視頻
　　完成上述操作后，在瀏覽器中已經(jīng)可以看到FlV視頻的播放效果。但是我還不滿意，畢竟要插入代碼的操作不是很方便。打開Dreamweaver 8時(shí)無(wú)意中發(fā)現(xiàn)，Dreamweaver 8的插入菜單中提供了插入“Flash視頻”的功能。于是，馬上開始做測(cè)試（如圖3）。
　　
　　將插入視頻后的文件進(jìn)行保存，網(wǎng)頁(yè)所在的文件夾中出現(xiàn)了兩個(gè)SWF文件：FLVPlayer_Progressive.swf和Clear_Skin_1.swf，這就是Dreamweaver提供的播放器。但是，非常奇怪的現(xiàn)象發(fā)生了，不管我怎么設(shè)置，預(yù)覽的頁(yè)面總是呈現(xiàn)空白。我本來(lái)以為是自己使用Dreamweaver綠色版的緣故，可試著安裝了不同的Dreamweaver完整版軟件之后，頁(yè)面仍然是空白。我在網(wǎng)上找不到任何相關(guān)的資料。Dreamweaver和Flash是同一家公司的產(chǎn)品，應(yīng)該不會(huì)出現(xiàn)不兼容的現(xiàn)象，那問(wèn)題出在哪里呢？
　　經(jīng)過(guò)多次嘗試后，我把疑點(diǎn)放在了FLV視頻上面。會(huì)不會(huì)是BitComet FLV壓縮的FLV視頻不標(biāo)準(zhǔn)呢？于是，我到優(yōu)酷網(wǎng)下載了一個(gè)FLV視頻，然后再在Dreamweaver中插入，這時(shí)，久違的視頻播放界面終于顯現(xiàn)出來(lái)了。
　　既然是BitComet FLV壓縮出來(lái)的FLV視頻有問(wèn)題，我又重新開始找新的視頻轉(zhuǎn)換軟件。根據(jù)華軍網(wǎng)的推薦，我下載了貍窩FLV視頻轉(zhuǎn)換器。這是一款功能強(qiáng)大、界面友好的FLV音視頻轉(zhuǎn)換及編輯工具，是免費(fèi)的國(guó)產(chǎn)軟件。用這款軟件壓縮出來(lái)的FLV可以在Dreamweaver中正常播放了，更讓我高興的是貍窩FLV視頻轉(zhuǎn)換器還支持視頻的批量轉(zhuǎn)化，速度又快，還具有簡(jiǎn)單的視頻編輯功能。
　　用Dreamweaver插入視頻和使用CuPlayerMini播放器比較，我更偏向后者，畢竟CuPlayerMini的兼容要好些，而且還支持視頻縮略圖，這是很有用的功能。
　　（四）上傳到服務(wù)器后網(wǎng)頁(yè)課件無(wú)法播放FLV視頻
　　一波未平一波又起，我剛剛把所有視頻正確插入到網(wǎng)頁(yè)中，本機(jī)預(yù)覽也全部正常。但是上傳到服務(wù)器后，視頻又無(wú)法播放了。我認(rèn)真檢查了FLV文件的路徑，沒有發(fā)現(xiàn)錯(cuò)誤，試著將視頻的路徑從相對(duì)路徑改為絕對(duì)路徑，還是不能播放，問(wèn)題的解決再次陷入了困境。
　　想起上次我將視頻壓縮為RMVB格式的時(shí)候，也出現(xiàn)過(guò)視頻無(wú)法播放的現(xiàn)象。學(xué)校的網(wǎng)管說(shuō)是IIS服務(wù)器不支持RMVB格式的文件，讓我統(tǒng)一使用WMV格式。是不是IIS服務(wù)器也不支持FLV視頻文件呢？我試著直接將FLV文件的URL地址輸入到瀏覽器，果然顯示404錯(cuò)誤。HTTP 的404 錯(cuò)誤意味著鏈接指向的網(wǎng)頁(yè)或者文件不存在，這證實(shí)了我的判斷：IIS不支持FlV視頻！
　　于是，我用“iis flv”為關(guān)鍵字在百度上搜索，很快就找到了答案。原來(lái)Windows Server 2003加強(qiáng)了IIS6的MIME驗(yàn)證，一切未注冊(cè)擴(kuò)展文件格式瀏覽，統(tǒng)統(tǒng)顯示404錯(cuò)誤。于是，我在自己的計(jì)算機(jī)中搭建了Windows Server 2003+IIS6.0的環(huán)境，然后手動(dòng)在IIS中HTTP頭->MIME添加MIME影射關(guān)系，即在下面的對(duì)話框的“MIME類型”中輸入“video/x-flv”，“擴(kuò)展名”輸入“.flv”（如圖4），重新啟動(dòng)IIS，F(xiàn)LV視頻終于可以正常播放了！
　　
　　問(wèn)題是找到了，但是怎么讓學(xué)校的WEB服務(wù)器也支持FLV格式的文件類型呢?正想給網(wǎng)管打電話，忽然間靈機(jī)一動(dòng)：既然IIS不支持FLV格式的文件，如果我把FLV文件的擴(kuò)展名改為IIS支持的其他多媒體文件的擴(kuò)展名，如.rm、.wmv之類，是不是就能正常播放了呢？說(shuō)干就干，我把文件的擴(kuò)展名改為.wmv，測(cè)試一下，居然真的能正常播放，不禁又驚又喜。試著分