基于web的視頻點(diǎn)播系統(tǒng)畢業(yè)論文

1、<p>　　學(xué) 生 畢 業(yè) 論 文</p><p><b>　　（ 2011屆）</b></p><p>　　摘要：本課題的研究內(nèi)容是基于web的視頻點(diǎn)播系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)。建設(shè)“視頻點(diǎn)播系統(tǒng)”的目的是，提供一個可以使用戶方便地點(diǎn)播和觀看自己喜愛的視頻的平臺。視頻點(diǎn)播系統(tǒng)能夠根據(jù)用戶的要求播放節(jié)目，在用戶需要時隨時提供交互式視頻服務(wù)，不受時間和空間限制。網(wǎng)絡(luò)視

2、頻也將由單向傳播變成以全民的個性表達(dá)、互動參與為主的多向傳播。該設(shè)計(jì)使用Dreamweaver軟件建立基本的網(wǎng)站，Webplayer9構(gòu)建網(wǎng)站的服務(wù)器端和客戶端，在APMServ網(wǎng)站服務(wù)器平臺進(jìn)行系統(tǒng)的測試工作。完成后的視頻點(diǎn)播系統(tǒng)可供用戶自主點(diǎn)播該系統(tǒng)上的任何視頻。</p><p>　　關(guān)鍵詞：視頻點(diǎn)播；多向傳播；互動；服務(wù)器端；客戶端</p><p>　　Abstract：The re

3、search subject contents that the design and implementation of Video On Demand system based on Web. The system offers a platform for the users to demand and watch their favorite videos conveniently. According to the

4、requirements of the users, the VOD system shows them which videos they need. And it’s not bounded by time or space. People can demand videos at any time. Network Video is becoming a multi-way communication mainly of the

5、expression of people's personality and interactive</p><p>　　Key words: Video On Demand; a multi-way communication; interactive; server; client</p><p><b>　　目 錄</b></p><

6、;p><b>　　摘要（I）</b></p><p>　　Abstract（II）</p><p><b>　　目錄（III）</b></p><p><b>　　1. 緒論（1）</b></p><p>　　1.1 視頻點(diǎn)播系統(tǒng)的介紹（1）</p>

7、;<p>　　1.2 視頻點(diǎn)播系統(tǒng)的市場需求（2）</p><p>　　1.3 系統(tǒng)目標(biāo)（3）</p><p>　　2．系統(tǒng)的設(shè)計(jì)（3）</p><p>　　2.1 視圖界面設(shè)計(jì)（3）</p><p>　　2.2 系統(tǒng)功能設(shè)計(jì)（4）</p><p>　　2.3 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)（5）&

8、lt;/p><p>　　3．系統(tǒng)的建設(shè)（7）</p><p>　　3.1 前期制作（7）</p><p>　　3.2 服務(wù)器配置（7）</p><p>　　3.3 網(wǎng)站建設(shè)（7）</p><p>　　4．系統(tǒng)的測試（11）</p><p>　　4.1 測試方法（11）</p

9、><p>　　4.2 功能測試（11）</p><p>　　5. 后期維護(hù)與更新（11）</p><p>　　6. 結(jié)束語（12）</p><p><b>　　參考文獻(xiàn)（13）</b></p><p><b>　　致謝（14）</b></p><p

10、>　　基于web的視頻點(diǎn)播系統(tǒng)</p><p><b>　　1.緒論</b></p><p>　　隨著Internet的高速發(fā)展和計(jì)算機(jī)的日益普及,網(wǎng)絡(luò)已成為進(jìn)行信息交流的重要手段，它使人們的生活理念和工作方式發(fā)生了新的變化。人們不再拘束于傳統(tǒng)的電視廣播固定的播放模式，而是更加傾向于可以自主地通過互聯(lián)網(wǎng)點(diǎn)播自己喜愛視頻的方式。</p><p&

11、gt;　　建設(shè)“視頻點(diǎn)播系統(tǒng)”有其特有的意義所在，即：提供一個可以使用戶方便地點(diǎn)播和觀看自己喜愛的視頻的平臺。在進(jìn)行視頻點(diǎn)播時，不僅能夠享受視覺娛樂服務(wù)，也可以更為形象地學(xué)習(xí)到相關(guān)知識。</p><p>　　視頻點(diǎn)播系統(tǒng)能夠根據(jù)用戶的要求播放節(jié)目，能在用戶需要時隨時提供交互式視頻服務(wù)，不受時間和空間限制。視頻點(diǎn)播改變了以往單向傳播的現(xiàn)象。以前，用戶不能自由地選擇喜愛的電視節(jié)目，只能觀看電視臺所安排的節(jié)目。而視頻點(diǎn)

12、播系統(tǒng)則是突破了這種局限，通過網(wǎng)絡(luò)雙向傳輸方式，用戶可以自主地選擇自己想看的節(jié)目。</p><p>　　1.1 視頻點(diǎn)播系統(tǒng)的介紹</p><p>　　視頻點(diǎn)播簡稱VOD（Video on Demand）,也稱為交互式電視點(diǎn)播系統(tǒng)，意即根據(jù)用戶的需要播放相應(yīng)的視頻節(jié)目，從根本上改變了用戶過去被動式看電視的不足。</p><p><b>　　1.1.1 含

13、義</b></p><p>　　視頻點(diǎn)播并沒有一個嚴(yán)格的定義，可以泛指一類能在用戶需要時隨時提供交互式視頻服務(wù)的業(yè)務(wù)，即“想看什么就看什么，想什么時候看就什么時候看”。它隨著計(jì)算機(jī)技術(shù)（特別是多媒體數(shù)據(jù)壓縮解壓技術(shù)）和通信技術(shù)的發(fā)展綜合了計(jì)算機(jī)技術(shù)、通信技術(shù)、電視技術(shù)而迅速興起的一門綜合性技術(shù)[1]。</p><p>　　交互式多媒體視頻點(diǎn)播業(yè)務(wù)是集動態(tài)影視圖像、靜態(tài)圖片、聲音

14、、文字等信息為一體，為用戶提供實(shí)時、高質(zhì)量和按需點(diǎn)播服務(wù)的系統(tǒng)。它是一種以圖像壓縮技術(shù)、寬帶通信網(wǎng)技術(shù)、計(jì)算機(jī)技術(shù)等現(xiàn)代通信手段為基礎(chǔ)而發(fā)展起來的多媒體通信業(yè)務(wù)。</p><p><b>　　1.1.2 分類</b></p><p>　　視頻點(diǎn)播根據(jù)不同的功能、不同的需求和規(guī)模，可以分為三種，即：NVOD、TVOD和IVOD[1]。</p><p

15、>　　NVOD(Near Video-on-Demand)，準(zhǔn)視頻點(diǎn)播。這種視頻的點(diǎn)播方式是：多個視頻流一次間隔一定的時間啟動并發(fā)送同樣的內(nèi)容。用戶在觀看的時候可能產(chǎn)生延遲，因?yàn)檎军c(diǎn)是隔一段時間再發(fā)布同樣的內(nèi)容的。不過，一般站點(diǎn)設(shè)置的間隔時間一般都不會很長，可以利用用戶等待視頻播放的這段時間插入廣告或其他宣傳片段，以贏取利潤。</p><p>　　TVOD(True Video-on-Demand)，真實(shí)視

16、頻點(diǎn)播。這種視頻的點(diǎn)播方式是：即點(diǎn)即放模式。當(dāng)一個用戶點(diǎn)播了一個視頻時，站點(diǎn)立刻傳輸該視頻流到用戶那里。而當(dāng)另一個用戶也選擇同一個視頻點(diǎn)播時，站點(diǎn)會立刻傳輸另一個擁有同樣內(nèi)容的視頻流給這個用戶。雖然這種點(diǎn)播方式能夠精確地服務(wù)用戶的需求，但是，一旦接收到視頻流，視頻將會連續(xù)不斷地播放下去，用戶不能通過選擇時間軸來控制播放的內(nèi)容。</p><p>　　IVOD(Interactive Video-on-Demand)

17、，交互式視頻點(diǎn)播。這種點(diǎn)播方式是基于前面兩種點(diǎn)播方式開發(fā)的，不僅支持即點(diǎn)即放，而且還支持用戶自主地控制視頻的播放。這樣，用戶可以隨時地控制視頻的開始、暫停、快進(jìn)、慢放和結(jié)束等。要完成這種交互式系統(tǒng)點(diǎn)播，視頻服務(wù)器對視頻數(shù)據(jù)的操作要求也就越高。</p><p>　　1.2 視頻點(diǎn)播系統(tǒng)的市場需求</p><p>　　1.2.1 國外市場</p><p>　　在國外，

18、視頻點(diǎn)播發(fā)展于上世紀(jì)90年代，在最近的幾年間的發(fā)展更是迅速。國外比較有名的視頻點(diǎn)播系統(tǒng)網(wǎng)站主要是YouTube和美國有線電視新聞網(wǎng)CNN。YouTube網(wǎng)站上傳的視頻大部分是個人自制的業(yè)余影片，而CNN每天24小時全球直播新聞報(bào)導(dǎo)。</p><p>　　于2005年2月創(chuàng)建的YouTube網(wǎng)站，是典型的PSP網(wǎng)站。2006年，YouTube網(wǎng)站在全球網(wǎng)絡(luò)媒體訪問量總排名第9位，超越了搜狐、網(wǎng)易兩大門戶網(wǎng)站，逼近新

19、浪網(wǎng)。2006年7月18日《紐約時報(bào)》載，從7月12日開始， YouTube網(wǎng)站每天的瀏覽量突破了一億大關(guān)，標(biāo)志著互聯(lián)網(wǎng)視頻時代或稱播客時代的來臨。</p><p>　　從YouTube網(wǎng)站發(fā)展的理念來看，“分享”視頻的概念取代“發(fā)布”視頻的傳統(tǒng)概念，迎合了Web2.0時代多對多的交流模式，為網(wǎng)民進(jìn)一步參與提供了廣闊的發(fā)展空間。由于播客正在成為媒介的新寵，網(wǎng)絡(luò)視頻化代表著網(wǎng)絡(luò)發(fā)展的重大趨勢，加之經(jīng)營得當(dāng)，YouT

20、ube網(wǎng)站在較短的時間內(nèi)取得了過億元的日訪問量，讓它蜚聲全球。</p><p>　　CNN國際新聞網(wǎng)帶給您每周七天，每天二十四小時的全球直播新聞報(bào)導(dǎo)。其特點(diǎn)是，率先及時現(xiàn)場地報(bào)導(dǎo)世界各國所發(fā)生的任何突發(fā)的新聞，全球超過二百一十個國家及地區(qū)均轉(zhuǎn)播CNN的新聞。憑借先進(jìn)的技術(shù)，第一時間，現(xiàn)場為您詳盡地報(bào)導(dǎo)全球新聞的始末，令您尤如置身其中。尤其是他們準(zhǔn)確的戰(zhàn)地報(bào)導(dǎo)，總是能夠吸引人們的目光。由此，CNN每天的點(diǎn)播量也十分

21、多。</p><p>　　1.2.2 國內(nèi)市場</p><p>　　隨著國內(nèi)的寬帶接入了普通用戶，網(wǎng)絡(luò)運(yùn)營商紛紛開始了視頻點(diǎn)播系統(tǒng)的建設(shè)。國內(nèi)的視頻點(diǎn)播網(wǎng)站主要是優(yōu)酷、土豆和風(fēng)行3個網(wǎng)站，主要是讓用戶下載觀看及分享影片和短片。</p><p>　　酷6和優(yōu)酷這兩個國內(nèi)視頻網(wǎng)站已經(jīng)發(fā)展成熟，紛紛在海外上市了。與此同時土豆網(wǎng)的上市步伐也日益臨近。上市意味著視頻網(wǎng)站面臨

22、更大的挑戰(zhàn)，也意味著我國的視頻點(diǎn)播平臺正在不斷地向前發(fā)展著。對于視頻點(diǎn)播相關(guān)的各類技術(shù)的要求也越來越高了。</p><p><b>　　1.2.3 小結(jié)</b></p><p>　　無論是國外，還是國內(nèi)，都在發(fā)展著視頻點(diǎn)播的技術(shù)，網(wǎng)絡(luò)視頻化將成為互聯(lián)網(wǎng)的第二次革命。相信不久的將來，每家每戶都能通過視頻點(diǎn)播服務(wù)，隨時隨地地觀看自己喜愛的視頻，不再受傳統(tǒng)電視廣播的約束了

23、。由此可見，視頻點(diǎn)播的發(fā)展前景是十分光明的，市場的需求也將是非常大的?，F(xiàn)在學(xué)好這項(xiàng)技術(shù)，可以為以后的發(fā)展奠定基礎(chǔ)。</p><p><b>　　1.3 系統(tǒng)目標(biāo)</b></p><p>　　本系統(tǒng)設(shè)計(jì)目標(biāo)為，實(shí)現(xiàn)用戶的交互式視頻點(diǎn)播。系統(tǒng)支持RMVB、RM、ASF、WMV、FLV、MP3、MKV 格式流媒體實(shí)現(xiàn)無緩沖播放。視頻服務(wù)器采用臺式PC。運(yùn)用Dreamwea

24、ver CS4、WebPlayer9服務(wù)端、Photoshop CS4等軟件對系統(tǒng)進(jìn)行設(shè)計(jì)，以及采用APMServ網(wǎng)站服務(wù)器平臺對其進(jìn)行測試。</p><p><b>　　2．系統(tǒng)的設(shè)計(jì)</b></p><p>　　系統(tǒng)的設(shè)計(jì)主要可以從其外觀、功能和數(shù)據(jù)庫三個方面進(jìn)行設(shè)計(jì)。</p><p>　　本系統(tǒng)的核心理念是，給予用戶自主的權(quán)利，根據(jù)自己的

25、心情點(diǎn)播自己喜歡的視頻進(jìn)行觀看。所以，將其命名為“晴雨計(jì)視頻點(diǎn)播系統(tǒng)”。用戶的心情預(yù)示著“晴雨計(jì)”的變化，然后做出相應(yīng)的反應(yīng)。由此，把界面設(shè)計(jì)為一個清新、悠閑風(fēng)格的頁面。功能方面的設(shè)計(jì)則是秉承為服務(wù)和方便用戶的操作為原則，設(shè)計(jì)出一個簡易的功能操作模板。數(shù)據(jù)庫方面的鏈接設(shè)計(jì)建立在各數(shù)據(jù)之間的依賴關(guān)系中。</p><p>　　2.1 視圖界面設(shè)計(jì)</p><p>　　網(wǎng)頁的界面設(shè)計(jì)是將豐富的

26、意義和多樣化的形式組織在一個統(tǒng)一的結(jié)構(gòu)中，所有細(xì)節(jié)不僅各得其所，而且各有分工。這樣的網(wǎng)頁作品就會成為受歡迎的網(wǎng)頁。</p><p>　　點(diǎn)、線、面、色彩的組合運(yùn)用是構(gòu)成網(wǎng)頁的視覺語言和裝飾要素。網(wǎng)頁的裝飾是各個部分視覺要素在頁面進(jìn)行規(guī)劃的結(jié)果，網(wǎng)頁的整體結(jié)構(gòu)是基于裝飾要素對立或平衡而形成的。要加強(qiáng)網(wǎng)頁界面的視覺沖擊力的常用手段之一是在沖突或矛盾中求得統(tǒng)一的視覺效果。主頁的外觀是最先被注意到的，網(wǎng)頁形式的第一視覺印

27、象會顯著地影響讀者開始對Web的價值判斷。在設(shè)計(jì)上應(yīng)以醒目、簡明為上、令人一目了然，給讀者一個良好的印象[2]。</p><p>　　首先，依照系統(tǒng)的核心理念，使用Photoshop CS4制圖軟件設(shè)計(jì)出與之相符合的系統(tǒng)各個頁面圖片。把設(shè)計(jì)好的圖片保存為以“.psd”為后綴的圖片格式[3]。</p><p><b>　　如下圖所示：</b></p>&l

28、t;p>　　圖1 “晴雨計(jì)”系統(tǒng)主頁界面圖</p><p>　　點(diǎn)擊Photoshop CS4 軟件界面左邊的工具欄的“切片”工具。根據(jù)系統(tǒng)頁面的需求和各個功能模塊的規(guī)劃，對設(shè)計(jì)好的圖片進(jìn)行切片。</p><p>　　點(diǎn)擊上面菜單欄的“視圖”——“顯示”——“切片”，就可以看到剛剛操作好的切片。</p><p>　　單擊菜單欄的“文件”，選擇“存儲為We

29、b和設(shè)備所用格式”。在彈出的對話框選擇“存儲”，把圖片存儲到系統(tǒng)制作站點(diǎn)的同一個文件夾中。Photoshop便會自動生成一個名為“images”的文件夾，里面保存好的就是切片好的圖片。</p><p><b>　　如下圖：</b></p><p>　　(a) (b)</p><p&g

30、t;<b>　　圖2 切片</b></p><p><b>　　系統(tǒng)功能設(shè)計(jì)</b></p><p>　　圖3 系統(tǒng)功能模塊圖</p><p>　　在線視頻點(diǎn)播系統(tǒng)需要實(shí)現(xiàn)的功能包括視頻信息的管理和使用等。具體來講，它包含視頻信息的顯示、播放、搜索操作，視頻管理中的添加、刪除、修改等。本系統(tǒng)通過對用戶視頻點(diǎn)播操作

31、進(jìn)行研究和調(diào)查之后，結(jié)合實(shí)際應(yīng)用，對系統(tǒng)功能模塊進(jìn)行規(guī)劃的。</p><p>　　本系統(tǒng)根據(jù)系統(tǒng)功能的設(shè)計(jì)圖所示，使用該網(wǎng)站的兩種角色：</p><p><b>　　(1)管理員：</b></p><p>　　負(fù)責(zé)管理網(wǎng)站上視頻信息的管理。其中包括視頻信息的增加、刪除、修改。</p><p><b>　　(2)

32、用戶：</b></p><p>　　在網(wǎng)站中可以在線點(diǎn)播和觀看視頻信息，搜索視頻，查看資訊，添加視頻等操作。</p><p>　　2.3 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)</p><p>　　2.3.1 數(shù)據(jù)庫簡介</p><p><b>　　(1)數(shù)據(jù)對象</b></p><p>　　數(shù)據(jù)對象是對

33、軟件必須理解的復(fù)合信息的抽象，數(shù)據(jù)對象彼此之間是相互關(guān)聯(lián)的。</p><p><b>　　(2)屬性</b></p><p>　　屬性定義了數(shù)據(jù)對象的性質(zhì)。必須把一個或多個屬性定義為標(biāo)識符也就是說，當(dāng)我們希望找到數(shù)據(jù)對象的一個實(shí)例時用標(biāo)識符屬性作為關(guān)鍵字（通常簡稱為“鍵”）。</p><p><b>　　(3)聯(lián)系</b>

34、</p><p>　　客觀世界中的事物彼此間往往是有聯(lián)系的。數(shù)據(jù)對象之間相互連接的方式稱為聯(lián)系，也稱為關(guān)系[4]。聯(lián)系可分以下3種類型：</p><p>　?、僖粚σ宦?lián)系(1：1)</p><p>　?、谝粚Χ嗦?lián)系(1：M)</p><p>　?、鄱鄬Χ嗦?lián)系(M：N)</p><p>　　2.3.2 數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)&

35、lt;/p><p>　　數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)是在完成了描述系統(tǒng)各種數(shù)據(jù)之間的依賴關(guān)系和信息分類的基礎(chǔ)上，將各種信息轉(zhuǎn)換成相應(yīng)的數(shù)據(jù)項(xiàng)定義表。數(shù)據(jù)項(xiàng)定義表的作用主要是定義每個表的表名、表中各字段的名稱、數(shù)據(jù)類型[5]。</p><p>　　本系統(tǒng)的數(shù)據(jù)庫所建各個表如下：</p><p>　　在數(shù)據(jù)庫中建立管理員表，字段包括：id，admin（管理員賬號），pw（密碼）。<

36、/p><p><b>　　如表1和表2所示：</b></p><p>　　表1 數(shù)據(jù)表視圖</p><p><b>　　表2 表設(shè)計(jì)</b></p><p>　　(2)在數(shù)據(jù)庫中建立視頻類型表，字段包括：id，name（視頻類型）。</p><p><b>

37、　　如表3和表4所示：</b></p><p>　　表3 數(shù)據(jù)表視圖</p><p><b>　　表4 表設(shè)計(jì)</b></p><p>　　(3)在數(shù)據(jù)庫中建立視頻信息表，字段包括：id，name（視頻名字），address（視頻地址），item（視頻類型），hits（點(diǎn)擊率），date（更新日期）。</p>

38、<p><b>　　如表5和表6所示：</b></p><p>　　表5 數(shù)據(jù)表視圖</p><p><b>　　表6 表設(shè)計(jì)</b></p><p><b>　　3．系統(tǒng)的建設(shè)</b></p><p><b>　　3.1 前期制作<

39、/b></p><p>　　下載安裝WebPlayer9服務(wù)器端和WebPlayer9播放器。</p><p>　　3.2 服務(wù)器配置</p><p>　　WebPlayer9服務(wù)器端是配合WebPlayer9播放器為資源站長提供發(fā)布資源和廣告的工具，易操作，傳輸快；資源成功發(fā)布后，點(diǎn)播站長即可免費(fèi)調(diào)用，輕松實(shí)現(xiàn)高清、高速的在線點(diǎn)播功能。</p>

40、<p>　　WebPlayer9服務(wù)端的配置如下：</p><p><b>　　(1)安裝</b></p><p>　　如果以前安裝過久久影音(WebPlayer9)服務(wù)端，請先卸載舊的版本。安裝好啟動后。</p><p>　　(2)設(shè)置服務(wù)器地址和端口。</p><p>　　強(qiáng)烈建議大家使用地址使用域名，

41、這樣以后更換服務(wù)器地址方便并且不會影響之前發(fā)布的影片地址。</p><p><b>　　(3)廣告設(shè)置。</b></p><p>　　廣告設(shè)置有兩種方式，一是對每個影片設(shè)置不同的廣告，二、設(shè)置全局廣告，這樣用戶播放所有電影時都會顯示廣告，方面管理，可以實(shí)時更換廣告。(注意，這里設(shè)置的廣告只有使用加密地址時才會起作用)</p><p>　　(4)

42、新建發(fā)布目錄。</p><p>　　點(diǎn)擊“新建發(fā)布目錄”添加一個影片目錄，首先添加別名，這里的添加方式和IIS添加虛擬目錄的方法相同，如果你想采用明文地址播放地址格式為 http://域名:端口/別名/后續(xù)目錄+文件名稱與IIS虛擬目錄相似。</p><p><b>　　(5)導(dǎo)出地址。</b></p><p>　　導(dǎo)出地址時可以選擇單個文件、

43、多個文件和發(fā)布目錄等導(dǎo)出加密地址。</p><p><b>　　(6)信認(rèn)域設(shè)置</b></p><p>　　這里設(shè)置允許或禁止播放的網(wǎng)站，“*”為允許所有網(wǎng)站使用你的影片地址播放，同時可以配置某些網(wǎng)不讓使用你的影片地址。</p><p>　　(7)廣告顯示白名單</p><p>　　設(shè)置全局廣告后，默認(rèn)所有采用你提供的

44、資源的網(wǎng)站播放時都會顯示廣告。如果想讓某些網(wǎng)站播放時不顯示廣告時可以把這些網(wǎng)站地址添加到廣告顯示白名單當(dāng)中，這樣用戶在這些網(wǎng)站播放時就不會顯示廣告了。</p><p><b>　　3.3 網(wǎng)站建設(shè)</b></p><p>　　3.3.1 CSS技術(shù)</p><p>　　CSS(Cascading Style Sheet，可譯為“層疊樣式表”

45、或“級聯(lián)樣式表”)是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀[6]。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則就存放在另一個文件中或HTML文檔的某一部分，通常為文件頭部分（通常在<head></head>標(biāo)簽之間）。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間[

46、7]。</p><p>　　CSS的定義是由三個部分構(gòu)成:選擇符(selector)，屬性(properties)和屬性的取值(value) [8]。</p><p>　　語法: selector {property: value} (選擇符 {屬性:值}) </p><p>　　本系統(tǒng)其中的兩個CSS為：</p><p>　　(1)

47、 .最新信息 {</p><p>　　font-size: 12px;</p><p>　　color: #33855C;</p><p>　　font-weight: bold;</p><p><b>　　}</b></p><p>　　這個CSS表示字體大小設(shè)置為12px，顏色為#33855

48、C（綠色），字體為粗體。</p><p>　　(2) a {font-size: 12px;}</p><p>　　a:link {text-decoration: none;}</p><p>　　a:visited {text-decoration: none;}</p><p>　　a:hover {text-decoratio

49、n: none;}</p><p>　　a:active {text-decoration: none;}</p><p>　　這個CSS是個高級樣式，用于設(shè)制所有子頁的鏈接，效果是：在a:link（鏈接的正常狀態(tài)），a:visited（被訪問過的鏈接狀態(tài)） a:hover （當(dāng)光標(biāo)移動到鏈接上面時的狀態(tài)）和a:active（選擇鏈接狀態(tài)），沒有發(fā)生任何改變且都沒有下劃線。</p&g

50、t;<p>　　必須注意的一點(diǎn)是：在使用CSS設(shè)置動態(tài)鏈接的時候，必須按照a:link, a:visited, a:hover, a:activer 的順序來設(shè)置，否則不會出現(xiàn)預(yù)期的設(shè)置效果。</p><p>　　3.3.2 系統(tǒng)功能建設(shè)</p><p><b>　　(1)系統(tǒng)主界面 </b></p><p>　　用戶的系統(tǒng)主界

51、面和管理員的系統(tǒng)主界面基本一致。主界面有導(dǎo)航、搜索欄、管理入口、最新信息欄、視頻欄，以及資訊欄等幾個模塊。</p><p>　　圖4 系統(tǒng)主頁界面圖</p><p>　　其中用戶用此界面，以用戶權(quán)限來判斷操作。</p><p><b>　　(2)導(dǎo)航</b></p><p>　　用戶的導(dǎo)航和管理員的導(dǎo)航有所區(qū)別。&

52、lt;/p><p>　　用戶的導(dǎo)航主要有六個欄目：視頻類型、最近更新、點(diǎn)播排行榜、搜索欄、添加視頻、管理入口。</p><p>　　而在登錄進(jìn)入管理入口后，管理員的導(dǎo)航顯示的是除了上述六個欄目外，還有添加視頻類型和刪除視頻類型兩個欄目?？晒┕芾韱T管理增減視頻類型。</p><p>　　以下是這幾個欄目的功能：</p><p>　　視頻類型：這個欄

53、目主要顯示本系統(tǒng)的視頻種類，可以通過“添加視頻類型”或“刪除視頻類型”來對其進(jìn)行調(diào)控。本系統(tǒng)目前添加的視頻類型有：電影、電視劇、綜藝、視頻。當(dāng)你點(diǎn)擊“全部視頻”時，便可查詢到系統(tǒng)的所有視頻。</p><p>　　最近更新：點(diǎn)擊“最近更新”，便可顯示近期更新的5部影片。</p><p>　　點(diǎn)擊排行榜：系統(tǒng)顯示點(diǎn)播率最高的5部影片。</p><p>　　搜索欄：可以通

54、過模糊搜索，搜索所要的視頻文件，然后進(jìn)行點(diǎn)播。</p><p>　　當(dāng)搜索不到視頻時，系統(tǒng)會彈出窗口提示：“對不起，沒有您要找的視頻！”</p><p>　　添加視頻：無論是用戶還是管理員，都有“添加視頻”的權(quán)利。點(diǎn)擊“添加視頻”，</p><p>　　添加視頻的名稱、該視頻的地址，選擇這個視頻所屬的視頻類型，點(diǎn)擊“確定”便可以成功添加視頻。</p>

55、<p>　　管理：管理員通過管理入口，輸入正確的賬號和密碼，便可以登錄系統(tǒng)后臺，執(zhí)行</p><p><b>　　管理員的權(quán)利。</b></p><p>　　添加視頻類型：可以添加各種各樣的視頻類型，將視頻歸類。</p><p>　　刪除視頻類型：可以從已有的視頻類型中，將不需要或錯誤的視頻類型刪除。刪除</p><

56、;p>　　一個視頻類型后，只是在視頻類型欄目中將其刪除，不會影響影片的歸類問題。</p><p><b>　　如下圖所示：</b></p><p>　　圖5 用戶導(dǎo)航</p><p>　　圖6 管理員導(dǎo)航</p><p>　　管理員導(dǎo)航界面比用戶界面多了“添加視頻類型”和“刪除視頻類型”。</p&

57、gt;<p><b>　　(3)視頻信息界面</b></p><p>　　本界面主要顯示視頻的具體信息，主要包括“影片名字”、“在線播放”、“視頻類型”、“點(diǎn)擊率”，還有“更新日期”。</p><p>　　影片名字：用戶的界面只顯示視頻的名稱，而管理員的界面在視頻名稱后面還有顯示“刪除”的按鈕，可以通過此按鈕對不要的視頻進(jìn)行刪除。</p>

58、<p>　　在線播放：點(diǎn)擊想要觀看的視頻后面的“點(diǎn)播”按鈕，頁面便會鏈接到該視頻的播放地址，采用WebPlayer9嵌入式頁面的播放器進(jìn)行播放。</p><p>　　點(diǎn)擊率：顯示視頻被點(diǎn)播的總次數(shù)。用戶可以根據(jù)視頻的點(diǎn)播率進(jìn)行判斷，查看視頻是否熱門。</p><p>　　更新日期：顯示的是視頻添加成功的日期。</p><p>　　圖7 用戶視頻信息界

59、面</p><p>　　圖8 管理員視頻信息界面</p><p>　　管理員視頻信息界面比用戶界面多了“刪除”功能。</p><p><b>　　(8)視頻播放界面</b></p><p>　　視頻播放界面采用WebPlayer9嵌入式頁面的播放器對點(diǎn)播的視頻進(jìn)行播放[9]。</p><p>

60、;　　以下是WebPlayer9 調(diào)用代碼:</p><p>　　Mode: 控件的顯示模式, full 表示全部顯示, simple 表示隱藏控制部分顯示。 </p><p>　　LastVolume: 是否記憶音量設(shè)置, 0 表示不記憶, -1 表示記憶。 </p><p>　　LastPosition: 是否記憶本次的播放進(jìn)度, 0 表示不記憶, -1 表示記

61、憶。 </p><p>　　Title: 播放器中顯示的播放的資源的標(biāo)題, 例如: 亞瑟的迷你王國A </p><p>　　AdTime:播放開始前, 顯示廣告時間的長度, 單位秒, 0 表示不顯示廣告 </p><p>　　AdURL:播放開始前, 顯示廣告的URL地址, 如果包含F(xiàn)lash,最好不要啟用顯示Flash的右鍵菜單功能, 地址為空,不顯示廣告 <

62、;/p><p>　　EmbedURL:播放停止后, 顯示的網(wǎng)頁的地址, 地址為空, 表示不顯示 </p><p>　　EncryptURL:是否啟用加密的播放地址, 0不啟用, -1, 表示啟用 </p><p>　　URL: 要播放的視頻資源的地址，格式為: http://dommain:port/path/name.[rm/rmvb/wvm/asf/flv], 必須

63、是絕對路徑。 </p><p>　　AutoStart: 是否自動開始播放, 0 表示不自動播放, -1 表示自動播放 </p><p>　　AlwaysOnTop:是否讓播放窗口位于最頂層, 0不啟用, -1, 表示啟用</p><p>　　SkinURL:指定皮膚的絕對鏈接地址如果使用播放器默認(rèn)皮膚地址可以為空。</p><p>　　Te

64、xtAds:播放器狀態(tài)欄中的廣告</p><p>　　P2PSupport：設(shè)置是否啟用P2P, none 表示不啟用, private 表示本服務(wù)器啟用, public 表示對互聯(lián)網(wǎng)所有用戶啟用。</p><p>　　MapPort：是否對于內(nèi)網(wǎng)用戶啟用端口映射, 公網(wǎng)點(diǎn)播需要設(shè)置為-1啟用, 內(nèi)網(wǎng)點(diǎn)播一定要設(shè)置為 0 不啟用</p><p>　　AutoSize

65、:是否啟用播放窗口自適應(yīng)視頻的寬度比例 0不啟用,-1啟用, 注意如果啟用自適應(yīng)視頻的寬度比例播放窗口必須是彈出式打開</p><p>　　LButtonPause:設(shè)置是否啟用鼠標(biāo)點(diǎn)擊播放窗口暫停播放，0不啟用;-1啟用</p><p><b>　　4．系統(tǒng)的測試</b></p><p>　　系統(tǒng)測試的目的是為了確保系統(tǒng)正確無誤地運(yùn)行。在測試

66、過程中查漏補(bǔ)缺，對于錯的地方在源程序中進(jìn)行修正。</p><p><b>　　4.1 測試方法</b></p><p>　　下載安裝“APMServ網(wǎng)站服務(wù)器平臺”，把用Dreamweaver CS4制作好的所有ASP網(wǎng)頁和用ACCESS制作好的數(shù)據(jù)庫表放到“..\APMServ5.2.6\www\asp”的文件夾中。然后就可以進(jìn)行系統(tǒng)的測試工作。</p>

67、;<p>　　打開“APMServ網(wǎng)站服務(wù)器平臺”，點(diǎn)擊“啟動APMServ”。等到該服務(wù)平臺啟動后，單擊菜單欄上的“網(wǎng)站目錄”，選擇“訪問ASP程序網(wǎng)站”。這樣，IE瀏覽器便會自動打開測試的系統(tǒng)主頁。接著，就可以對系統(tǒng)進(jìn)行測試。</p><p><b>　　4.2 功能測試</b></p><p>　　使用IE瀏覽器打開系統(tǒng)主頁界面，點(diǎn)擊各個操作按鈕

68、和鏈接對其進(jìn)行測試。查看是否有錯誤，并加以改正。</p><p>　　在系統(tǒng)測試工程中，發(fā)現(xiàn)當(dāng)將服務(wù)器端導(dǎo)出的視頻地址添加到系統(tǒng)中時，某些視頻播放不了。后來經(jīng)過檢查網(wǎng)頁代碼后，查出問題所在：視頻地址的設(shè)置為<input maxLength="100" name="address" size="20">，“maxLength”設(shè)置的數(shù)值過小，滿

69、足不了服務(wù)器端導(dǎo)出的視頻地址長度。這才導(dǎo)致了某些視頻播放不了。經(jīng)過改正，將“maxLength”的值設(shè)置為“256”，視頻能夠正常播放。</p><p>　　經(jīng)過全面的測試，系統(tǒng)成功地正常運(yùn)行。用戶界面和管理界面的功能均符合設(shè)計(jì)要求。</p><p>　　5. 后期維護(hù)與更新</p><p>　　系統(tǒng)需要及時和合理的后期維護(hù)與更新。后期的維護(hù)能夠確保系統(tǒng)正常無誤地運(yùn)

70、行，而更新工作也是一個很重要的步驟。不進(jìn)行維護(hù)的網(wǎng)站，很快就會因內(nèi)容陳舊，信息過時而無人問津，或因技術(shù)原因而無法運(yùn)行。因此，應(yīng)該定時為系統(tǒng)更新內(nèi)容和維護(hù)功能程序。</p><p><b>　　6. 結(jié)束語</b></p><p>　　本視頻點(diǎn)播系統(tǒng)基本上達(dá)到預(yù)期的效果，實(shí)現(xiàn)了預(yù)期的各項(xiàng)功能。從系統(tǒng)的總體上來說，比較令人滿意。當(dāng)然這其中也有一些不足之處，仍需改進(jìn)。下面是

71、我對整個系統(tǒng)做的一番總結(jié)。</p><p>　　系統(tǒng)的頁面精美，布局簡潔。</p><p>　　本系統(tǒng)本著服務(wù)用戶的原則，為用戶營造一個清新、悠閑的網(wǎng)絡(luò)氛圍。頁面的布局特點(diǎn)基本屬于左右的結(jié)構(gòu)分布，主要信息導(dǎo)航集中于上部，左上方放置最新的動態(tài)信息。整體頁面均以矢量效果為主，顯得比較簡潔。</p><p>　　(2)選擇最佳的構(gòu)建系統(tǒng)的方案。</p>&l

72、t;p>　　在收集整理和研究大量相關(guān)參考文獻(xiàn)的基礎(chǔ)上，概述視頻點(diǎn)播的相關(guān)技術(shù)和概念，并通過對比等分析方法，做出了一些總結(jié)。討論了VOD系統(tǒng)中的若干關(guān)鍵技術(shù)，分析了VOD構(gòu)建過程中的一些問題，并針對具體問題給出了比較合適的解決方案。</p><p>　　(3)系統(tǒng)實(shí)現(xiàn)與用戶交互。</p><p>　　從技術(shù)上來看,本系統(tǒng)引入了數(shù)據(jù)庫管理技術(shù)，利用動態(tài)網(wǎng)頁來與用戶交互。用戶只需登錄本系統(tǒng)

73、，便可以參與系統(tǒng)的互動。不僅可以自主地點(diǎn)播觀看自己喜愛的視頻，而且還可以為系統(tǒng)添加視頻。實(shí)現(xiàn)真正意義上交互式視頻點(diǎn)播。</p><p>　　通過對于視頻點(diǎn)播系統(tǒng)的設(shè)計(jì)與建設(shè)，我學(xué)會了很多關(guān)于視頻點(diǎn)播和網(wǎng)站建設(shè)的知識。在這個信息迅速膨脹的社會，計(jì)算機(jī)技術(shù)和通信技術(shù)的發(fā)展日新月異，社會對交互式的視頻點(diǎn)播系統(tǒng)需求越來越大。所以，掌握這門技術(shù)有利于今后的發(fā)展。</p><p>　　本系統(tǒng)通過以后的

74、改進(jìn)，在真正意義上滿足用戶的交互式點(diǎn)播系統(tǒng)，不受時間的約束，自由地、自主地選擇自己喜愛的視頻觀看。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1] 盧軍，馬萌，且曦.寬帶風(fēng)暴——視頻點(diǎn)播與網(wǎng)絡(luò)游戲[M].北京：清華大學(xué)出版社，2002.5</p><p>　　[2] 曹金明，程超，王駿.網(wǎng)頁設(shè)計(jì)與配色[M].北京：北京

75、希望電子出版社，2005.7</p><p>　　[3] 居維玲.網(wǎng)頁制作最佳拍檔四合一完全自學(xué)手冊[M].上海：上?？茖W(xué)普及出版社，2009.7</p><p>　　[4] 鮑威爾.數(shù)據(jù)庫設(shè)計(jì)入門經(jīng)典[M].北京：清華大學(xué)出版社，2007.3</p><p>　　[5] 史嘉權(quán).數(shù)據(jù)庫系統(tǒng)概論[M].北京：清華大學(xué)出版社，2006.1</p><

76、;p>　　[6] 碩良勛，安海忠，王大成，董雪校.個人網(wǎng)站創(chuàng)建與管理[M]. 北京：人民交通出版社，2000.5</p><p>　　[7] 唐四薪.基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)與制作[M].北京：清華大學(xué)出版社，2009,12</p><p>　　[8] 西德霍姆.無懈可擊的Web設(shè)計(jì)[M].北京：清華大學(xué)出版社，2006.11</p><p>　　[9] 王清

77、海，臧明生.視頻網(wǎng)站開發(fā)與制作 [M].西安：西安交通大學(xué)出版社，2002.11</p><p><b>　　致謝</b></p><p>　　時光飛逝，短短的四年大學(xué)時間就這樣過去了。畢業(yè)在即，論文的撰寫工作使我有機(jī)會對過去的學(xué)習(xí)生活作個總結(jié)。在這四年中,許多人給予了我無私的指導(dǎo)和幫助，給我的生活和學(xué)習(xí)平添了許多樂趣。</p><p>　　在

78、論文完成之際，我感謝xx老師對我的悉心指導(dǎo)。老師不僅給我指正了畢業(yè)設(shè)計(jì)中的不足之處，并對論文的完善給予寶貴的意見。在此誠摯地表示我的感謝！x老師嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度、淵博的科學(xué)知識、高度的責(zé)任感以及誨人不倦的精神，給我深深的影響，讓我終生難忘，將激勵我在今后的道路上刻苦鉆研、不斷進(jìn)步，再次致上最真摯謝意！</p><p>　　感謝學(xué)校各位老師的教導(dǎo)，讓我在校期間受益良多，在此致上深深謝意。</p><

79、;p>　　感謝同學(xué)們給予的協(xié)助，與他們討論問題給我相當(dāng)大的啟示，讓我受益非淺，在此深表感謝。</p><p>　　感謝自己成長過程中關(guān)心和幫助過我的所有親人、師長、同學(xué)和朋友們!感謝論文答辯的諸位老師能在百忙之中審閱我的論文，并出席論文答辯會。</p><p>　　謹(jǐn)以此文獻(xiàn)給我的父母，沒有他們在我學(xué)習(xí)生涯中的無私奉獻(xiàn)和默默的支持，沒有他們的關(guān)心和理解，我將無法順利完成今天的學(xué)業(yè)。&