基于Web的視頻新聞點(diǎn)播系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

張鳳

摘要：文章介紹了一種基于Web方式的視頻新聞點(diǎn)播系統(tǒng)，由前臺(tái)頁(yè)面前端、視頻庫(kù)和后臺(tái)管理等部分組成，用戶可以實(shí)現(xiàn)網(wǎng)上點(diǎn)播學(xué)校所有的新聞視頻，并詳細(xì)介紹了系統(tǒng)的頁(yè)面設(shè)計(jì)、功能結(jié)構(gòu)以及關(guān)鍵算法。

關(guān)鍵詞：B/S模式；視頻新聞點(diǎn)播；js算法

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）27-0199-02

隨著網(wǎng)絡(luò)應(yīng)用在高校宣傳工作中的快速發(fā)展，如何充分利用互聯(lián)網(wǎng)技術(shù)與多媒體技術(shù)，方便師生隨時(shí)了解校園新聞等視頻內(nèi)容，成為高校宣傳工作的重要內(nèi)容?；赪eb的視頻新聞點(diǎn)播系統(tǒng)在學(xué)校的服務(wù)器端運(yùn)行，通過(guò)每天視頻新聞等內(nèi)容的及時(shí)發(fā)布、更新，實(shí)現(xiàn)信息的共享。

1 視頻新聞點(diǎn)播系統(tǒng)的概要設(shè)計(jì)

1.1 系統(tǒng)的基本架構(gòu)

本文介紹的視頻新聞點(diǎn)播系統(tǒng)是基于Web的B/S模式進(jìn)行架構(gòu)的，B/S（Browser/Server）結(jié)構(gòu)即瀏覽器和服務(wù)器結(jié)構(gòu)。它是隨著Internet 技術(shù)的發(fā)展，對(duì)傳統(tǒng)的C/S結(jié)構(gòu)模式的改進(jìn)。在這種結(jié)構(gòu)下，用戶工作界面是通過(guò)www瀏覽器來(lái)實(shí)現(xiàn)，主要事務(wù)邏輯在服務(wù)器端（Server）實(shí)現(xiàn)。在視頻新聞點(diǎn)播系統(tǒng)中，將媒體服務(wù)器的功能進(jìn)行分離，實(shí)現(xiàn)客戶端與視頻服務(wù)器之間交互通信，視頻服務(wù)器只需負(fù)責(zé)從視頻磁盤讀取節(jié)目數(shù)據(jù)，向客戶端實(shí)時(shí)發(fā)送節(jié)目數(shù)據(jù)流，它是一個(gè)“瘦服務(wù)器”，功能單一，設(shè)計(jì)更為簡(jiǎn)單，性能更加穩(wěn)這樣就大大簡(jiǎn)化了客戶端電腦負(fù)荷，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶的總體成本。視頻新聞點(diǎn)播系統(tǒng)從上至下分為三層，分別是管理層、數(shù)據(jù)層、和客戶層。如圖1所示。

系統(tǒng)中的最底層管理層主要功能是視頻新聞的發(fā)布，由管理員負(fù)責(zé)操作，將視頻調(diào)整為可播放的格式后在進(jìn)行分類上傳，設(shè)置標(biāo)題圖片等操作。最高權(quán)限的管理員還可以在底層更新、修改和刪除其他用戶數(shù)據(jù)。中間的數(shù)據(jù)層主要是視頻的分類數(shù)據(jù)和視頻文件庫(kù)兩部分，視頻文件庫(kù)存儲(chǔ)了系統(tǒng)中的所有視頻文件，視頻分類數(shù)據(jù)將這些視頻文件對(duì)應(yīng)到相應(yīng)的欄目中并存儲(chǔ)視頻標(biāo)題、簡(jiǎn)介、時(shí)間等各類相關(guān)信息，最后傳送到前臺(tái)的客戶層?？蛻魧拥墓δ苁菍⒁曨l及視頻列表等內(nèi)容展示給用戶，所以該層的設(shè)計(jì)力求簡(jiǎn)潔明了，方便用戶操作。

1.2 系統(tǒng)需求分析

視頻新聞點(diǎn)播系統(tǒng)管理端主要是視頻上傳發(fā)布功能，包括上傳視頻的時(shí)間，視頻的所屬專輯，視頻的名稱，視頻的簡(jiǎn)介，視頻標(biāo)題圖片等信息，為了保證上傳的視頻可以正常播放，后臺(tái)還要對(duì)視頻的格式進(jìn)行控制，我們?cè)O(shè)計(jì)的系統(tǒng)支持現(xiàn)在網(wǎng)絡(luò)上通用的兩種視頻格式MP4和flv。用戶使用的視頻新聞點(diǎn)播系統(tǒng)的前端主要是實(shí)現(xiàn)視頻新聞的列表和點(diǎn)播視頻點(diǎn)播功能，每次點(diǎn)擊一個(gè)列表中的視頻，此時(shí)動(dòng)態(tài)的從數(shù)據(jù)庫(kù)中獲取到該視頻的地址，加載到視頻播放器中，并且此時(shí)要實(shí)現(xiàn)在頁(yè)面不刷新的情況下，視頻在播放窗口中隨機(jī)點(diǎn)播播放的功能。頁(yè)面下方還有后臺(tái)管理員推薦的較好的視頻以標(biāo)題圖片的形式推送到客戶端，前臺(tái)用戶也可以實(shí)現(xiàn)點(diǎn)擊相應(yīng)視頻的標(biāo)題圖片后播放該視頻。

2 視頻新聞點(diǎn)播系統(tǒng)的技術(shù)實(shí)現(xiàn)

2.1 系統(tǒng)用戶頁(yè)面設(shè)計(jì)實(shí)現(xiàn)

按照需求系統(tǒng)中視頻新聞分為九大類，校園新聞、現(xiàn)場(chǎng)、訪談、視界、你說(shuō)我說(shuō)、校園達(dá)人、青春季節(jié)、繽紛校園、視頻分享。其中校園新聞是定期每天更新的欄目，所以默認(rèn)頁(yè)面播放的就是校園新聞的第一條視頻。頁(yè)面左側(cè)上方為主要的視頻新聞播放窗口。視頻播放窗口下面是推薦較好的新聞以標(biāo)題圖片的形式展示，點(diǎn)擊左側(cè)和右側(cè)的按鈕可以瀏覽更多的內(nèi)容。頁(yè)面右側(cè)是當(dāng)前欄目的所有視頻新聞列表，點(diǎn)擊任意條新聞可以在左側(cè)的視頻窗口中實(shí)現(xiàn)無(wú)刷新切換。頁(yè)面整體效果如圖2所示。

2.2 系統(tǒng)實(shí)現(xiàn)關(guān)鍵技術(shù)

管理員在后臺(tái)登陸成功后，可以添加要上傳的視頻的，包括視頻的標(biāo)題、類別、標(biāo)題圖片等信息，系統(tǒng)播放器應(yīng)用了testplayer視頻播放器，管理員只要在頁(yè)面編輯代碼修改視頻的名稱及大小就可以在前臺(tái)實(shí)現(xiàn)視頻播放。視頻播放器設(shè)置各項(xiàng)參數(shù)代碼如下：

3 結(jié)束語(yǔ)

近幾年新媒體成為宣傳學(xué)校發(fā)展成就的重要渠道，視頻新聞點(diǎn)播系統(tǒng)作為一種先進(jìn)的技術(shù)，具有實(shí)際應(yīng)用價(jià)值。本文在進(jìn)行視頻新聞點(diǎn)播系統(tǒng)的設(shè)計(jì)中明確了系統(tǒng)的功能，確定了系統(tǒng)的基本架構(gòu)，給出了關(guān)鍵代碼，保證了系統(tǒng)設(shè)計(jì)的合理性及實(shí)用性。

參考文獻(xiàn)：

[1] 王河媛，劉明慧.基于UML的視頻點(diǎn)播系統(tǒng)的設(shè)計(jì)要點(diǎn)分析[J].計(jì)算機(jī)與數(shù)字工程， 2016，44（1）：58-60.

[2] 孫恒.智能移動(dòng)終端的視頻點(diǎn)播系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].實(shí)驗(yàn)室研究與探索， 2015， 34（2）：132-136.

[3] 王大東，劉競(jìng)遙，侯錕，等.基于Web的計(jì)算機(jī)考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].吉林師范大學(xué)學(xué)報(bào)， 2013，34（3）：45-47.

[4] 郭紅方，林予松，王宗敏.云輔助的P2P視頻點(diǎn)播分發(fā)機(jī)制研究[J].計(jì)算機(jī)應(yīng)用研究， 2013，30（2）：525-533.

[5] 魏一鳴.基于Web 的高校人事管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].吉林師范大學(xué)學(xué)報(bào)：自然科學(xué)版， 2012，30（2）：126-128.

[6] 杜小智，齊勇，魯慧民，等.視頻點(diǎn)播系統(tǒng)的軟件老化估計(jì)和預(yù)測(cè)[J].計(jì)算機(jī)研究與發(fā)展， 2011， 48（11）：2139-2146.endprint