網(wǎng)頁視頻播放論文：遭遇網(wǎng)頁視頻播放的困惑

1、網(wǎng)頁視頻播放論文：遭遇網(wǎng)頁視頻播放的困惑編者按：如果您是信息技術(shù)教師，或善于鉆研各種技術(shù)問題，那么在生活中，在教學(xué)中，一定親歷過無數(shù)的技術(shù)障礙，實施過不勝枚舉的解決方案，有冥思苦想時的抽絲剝繭，更有揮劍斬棘時的暢快淋漓?？傆心菢右恍芭爬住边^程，讓您記憶猶新，總有那樣一些隱性的相關(guān)性讓您不斷刷新自己的認(rèn)知。現(xiàn)在，我們?yōu)槟_設(shè)了這樣一個陳列館，期待您能夠?qū)⑦@些珍貴的“診斷手記”陳列出來，在展示自己“技藝”的同時也為大家提供更多可供借鑒的思路和經(jīng)驗。問題概要：如何在網(wǎng)頁中插入flv格式的學(xué)習(xí)視頻診斷關(guān)鍵詞：視頻轉(zhuǎn)換；網(wǎng)頁播放器；mime 學(xué)生遭遇的問題在信息技術(shù)教學(xué)中，教師經(jīng)常需要為學(xué)生提供學(xué)習(xí)視

2、頻。由于這些學(xué)習(xí)視頻容量比較大，我就參照網(wǎng)絡(luò)影院的做法，把視頻壓縮成wmv格式或rm格式，在網(wǎng)頁中嵌入流媒體播放器，供學(xué)生在線瀏覽。但是，因為網(wǎng)頁瀏覽器要安裝客戶端，學(xué)生反映在視頻播放時總會出現(xiàn)種種意想不到的問題，如看不到視頻，頁面出錯，出現(xiàn)缺少播放器控件、緩沖失敗的提示，畫面漆黑等情況頻頻發(fā)生。這些都使學(xué)生在家里瀏覽網(wǎng)頁中的學(xué)習(xí)視頻時困難重重，不知道如何去解決，我嘗試了很多種解決方法，卻總也不盡人意。 改進(jìn)過程中的一波三折（一）視頻播放與flv的巧遇一天，幾位學(xué)生給我提出建議：“老師，為什么不把視頻做成優(yōu)酷、土豆網(wǎng)中視頻的格式呢？因為我們在家里看優(yōu)酷、土豆網(wǎng)的視頻從來不會出現(xiàn)無法播放的問題。

3、”學(xué)生的建議提醒了我。我知道優(yōu)酷、土豆網(wǎng)使用的視頻格式是flv。flv是flash video的簡稱，是隨著flash mx的推出而發(fā)展起來的視頻格式。由于flv形成的視頻質(zhì)量好、文件容量小、加載速度快，已被眾多新一代視頻分享網(wǎng)站所采用，是目前增長最快、應(yīng)用最為廣泛的視頻傳播格式。作為一種新興的網(wǎng)絡(luò)視頻格式，flv能受到眾多網(wǎng)站熱捧的關(guān)鍵是其使用了flash player播放器，將視頻整合到flash動畫中。也就是說，網(wǎng)站的訪問者只要瀏覽flash動畫，自然也能觀看flv格式的視頻，無需再額外安裝其他視頻插件，這給視頻傳播帶來了極大的便利。如果我將學(xué)習(xí)視頻統(tǒng)一轉(zhuǎn)換為flv格式，插入到網(wǎng)頁課件中

4、，那么，學(xué)生反映的視頻無法播放的諸多問題可能就迎刃而解了。（二）讓網(wǎng)頁支持在線播放flv視頻我以“網(wǎng)頁中插入flv”為關(guān)鍵詞，從網(wǎng)上搜索到一些資料，大致了解了網(wǎng)頁中播放flv視頻的操作過程。一般來說，具體的操作分為“把視頻轉(zhuǎn)換成flv格式”和“在網(wǎng)頁中嵌入flv播放器”兩個部分。1.把視頻轉(zhuǎn)換成flv格式flash mx 2004已經(jīng)具備了將視頻轉(zhuǎn)換為flv格式的功能，其操作是先將視頻導(dǎo)入到庫，然后根據(jù)向?qū)нx擇視頻的“壓縮設(shè)置”。導(dǎo)入成功后，在“庫”中選擇該視頻的屬性，點擊“導(dǎo)出”就可以將flv視頻導(dǎo)出來了（如圖1）。然而，如果有很多視頻要轉(zhuǎn)換，這種辦法顯然不合適。我試著以“flv轉(zhuǎn)換器”為關(guān)

5、鍵詞，果然找到了很多轉(zhuǎn)換工具。我下載了bitcomet flv轉(zhuǎn)換器，這個工具可以將flv與avi、wmv、mp4、ipod、psp、mobile等媒體格式互相轉(zhuǎn)換(如圖2)，軟件界面很簡潔。一般來說，所有的參數(shù)采用默認(rèn)設(shè)置就可以了，經(jīng)過幾次測試，我發(fā)現(xiàn)將比特率設(shè)為400，播放效果較好，并且形成的文件不大，壓縮速度也很快。2.在網(wǎng)頁中嵌入flv播放器我以“flv網(wǎng)頁播放器”為關(guān)鍵字，在百度上搜索，將繁多的資料一一比較，我覺得比較成熟的網(wǎng)頁播放器有jw flv media player（也稱為jw player）和cuplayermini（酷播迷你）。這兩款播放器都可以從網(wǎng)上下載，應(yīng)用較廣。jw

6、 player是一款開源軟件，目前最新版本是5.5，對于非商業(yè)使用是免費(fèi)的。“酷播迷你”是一款國產(chǎn)的flv網(wǎng)頁播放器，其1.0版本是免費(fèi)的，不僅支持flv和mp4格式，還支持視頻略縮圖、全屏播放、進(jìn)度條拖動播放、音量控制、視頻文件自適應(yīng)播放器大小等必要的功能，官方下載地址為。根據(jù)cuplayermini官方網(wǎng)站上的提示，我將下載的播放器壓縮包解開，把“images”中的文件復(fù)制到網(wǎng)頁的主目錄中，在播放頁面中的之間插入如下代碼：。然后，我在網(wǎng)頁中需要顯示播放器窗口的位置加入官網(wǎng)提示的代碼，參見（三）利用dreamweaver 8插入flash視頻完成上述操作后，在瀏覽器中已經(jīng)可以看到flv視頻的

7、播放效果。但是我還不滿意，畢竟要插入代碼的操作不是很方便。打開dreamweaver 8時無意中發(fā)現(xiàn)，dreamweaver 8的插入菜單中提供了插入“flash視頻”的功能。于是，馬上開始做測試（如圖3）。將插入視頻后的文件進(jìn)行保存，網(wǎng)頁所在的文件夾中出現(xiàn)了兩個swf文件：flvplayer_progressive.swf和clear_skin_1.swf，這就是dreamweaver提供的播放器。但是，非常奇怪的現(xiàn)象發(fā)生了，不管我怎么設(shè)置，預(yù)覽的頁面總是呈現(xiàn)空白。我本來以為是自己使用dreamweaver綠色版的緣故，可試著安裝了不同的dreamweaver完整版軟件之后，頁面仍然是空白。

8、我在網(wǎng)上找不到任何相關(guān)的資料。dreamweaver和flash是同一家公司的產(chǎn)品，應(yīng)該不會出現(xiàn)不兼容的現(xiàn)象，那問題出在哪里呢？經(jīng)過多次嘗試后，我把疑點放在了flv視頻上面。會不會是bitcomet flv壓縮的flv視頻不標(biāo)準(zhǔn)呢？于是，我到優(yōu)酷網(wǎng)下載了一個flv視頻，然后再在dreamweaver中插入，這時，久違的視頻播放界面終于顯現(xiàn)出來了。既然是bitcomet flv壓縮出來的flv視頻有問題，我又重新開始找新的視頻轉(zhuǎn)換軟件。根據(jù)華軍網(wǎng)的推薦，我下載了貍窩flv視頻轉(zhuǎn)換器。這是一款功能強(qiáng)大、界面友好的flv音視頻轉(zhuǎn)換及編輯工具，是免費(fèi)的國產(chǎn)軟件。用這款軟件壓縮出來的flv可以在drea

9、mweaver中正常播放了，更讓我高興的是貍窩flv視頻轉(zhuǎn)換器還支持視頻的批量轉(zhuǎn)化，速度又快，還具有簡單的視頻編輯功能。用dreamweaver插入視頻和使用cuplayermini播放器比較，我更偏向后者，畢竟cuplayermini的兼容要好些，而且還支持視頻縮略圖，這是很有用的功能。（四）上傳到服務(wù)器后網(wǎng)頁課件無法播放flv視頻一波未平一波又起，我剛剛把所有視頻正確插入到網(wǎng)頁中，本機(jī)預(yù)覽也全部正常。但是上傳到服務(wù)器后，視頻又無法播放了。我認(rèn)真檢查了flv文件的路徑，沒有發(fā)現(xiàn)錯誤，試著將視頻的路徑從相對路徑改為絕對路徑，還是不能播放，問題的解決再次陷入了困境。想起上次我將視頻壓縮為rmvb

10、格式的時候，也出現(xiàn)過視頻無法播放的現(xiàn)象。學(xué)校的網(wǎng)管說是iis服務(wù)器不支持rmvb格式的文件，讓我統(tǒng)一使用wmv格式。是不是iis服務(wù)器也不支持flv視頻文件呢？我試著直接將flv文件的url地址輸入到瀏覽器，果然顯示404錯誤。http 的404 錯誤意味著鏈接指向的網(wǎng)頁或者文件不存在，這證實了我的判斷：iis不支持flv視頻！于是，我用“iis flv”為關(guān)鍵字在百度上搜索，很快就找到了答案。原來windows server 2003加強(qiáng)了iis6的mime驗證，一切未注冊擴(kuò)展文件格式瀏覽，統(tǒng)統(tǒng)顯示404錯誤。于是，我在自己的計算機(jī)中搭建了windows server 2003+iis6.0的環(huán)境，然后手動在iis中http頭-mime添加mime影射關(guān)系，即在下面的對話框的“mime類型”中輸入“video/x-flv”，“擴(kuò)展名”輸入“.flv”（如圖4），重新啟動iis，flv視頻終于可以正常播放了！問題是找到了，但是怎么讓學(xué)校的web服務(wù)器也支持flv格式的文件類型呢?正想給網(wǎng)管打電話，忽然間靈機(jī)一動：既然iis不支持flv格式的文件，如果我把flv文件的擴(kuò)展名改