基于Java EE的視頻互動交友網站設計*

李小武，周湘龍

(湖南科技學院電子與信息工程學院，湖南 永州 425199)

基于Java EE的視頻互動交友網站設計*

李小武，周湘龍

(湖南科技學院電子與信息工程學院，湖南 永州 425199)

該項目是基于java，使用流行的開發(fā)設計框架制作而成的一個視頻播放網站App，運用了流媒體播放技術和大文件上傳技術等，為視頻資源和播放業(yè)務提供了良好的管理手段。該系統作為BS項目的優(yōu)點是不用安裝APP，有瀏覽器就能使用。該網站的主要功能有，視頻點播、直播、站內搜索、新聞瀏覽、用戶留言評論、在線互動、后臺管理等。在設計上遵循MVC設計模式，具有良好的可擴展性和結構性。后臺管理的獨立設計能夠讓網站維護人員時刻保持網站資源的更新和維護。用戶能夠時刻的觀看到最新的資源。網站還加入了智能推薦功能，根據用戶的觀看習慣來擬定推薦內容，做到每個用戶都能看到為其推薦的不同的推薦內容。

JAVA；網站；視頻；直播

如今，人們對互聯網的需求慢慢開始從傳統的被動的信息獲取方式轉型為多元豐富的自由的獲取方式[1，2]。人們在上網瀏覽咨詢的同時,更多地希望自己能夠切身參與到互聯網信息構建過程中來,以直播、點播視頻類互動網站平臺的興起,很好地滿足了人們對于這一需求的渴望,而流媒體播放技術則是實現該類網站的關鍵點[3,4]。流媒體播放，顧名思義，即將視頻音頻等轉化為可即時播放的流媒體，流媒體不依賴整體的特性，讓其可以在觀看過程中，不需要等待資源的下載完成，緩沖一段即可以播放，大大地優(yōu)化了用戶體驗[5-7]。本項目的設計過程中，依賴掌握的java web編程技術和流媒體播放技術搭建的一個視頻播放功能性網站，本設計的目的是致力于開發(fā)一個便于管理和維護，可擴展性強的一個網站體系。

1 系統總體設計框架

本設計在設計模式上遵循MVC的設計模式，模型層(model)、視圖層(view)、控制層(control)。遵循模塊化設計結構，主要的功能模塊有：用戶模塊、視頻模塊、直播模塊、新聞模塊、菜單模塊、還有后臺管理模塊等。用戶模塊中，主要分為用戶登錄和注冊、用戶管理、用戶交互、業(yè)務申請等，視頻模塊主要分為視頻播放、發(fā)布和維護等。

直播模塊分為直播注冊，直播播放等業(yè)務、菜單模塊即是對所有模塊的管理。后臺模塊中可以對所有的業(yè)務進行管理。整體設計框架圖如圖1所示。

圖1 系統框架流程圖

2 系統具體模塊設計

2.1 用戶模塊具體設計

首先是登錄注冊，登錄注冊是在設計上用到了一個控制器User Controler 、JS表單校驗。在用戶體驗上為了避免賬號或者密碼輸入錯誤導致重新刷新頁面的問題。采用的是AJAX表單提交。后臺的登錄主要針對的是管理員。管理員可以對前臺的用戶進行管理操作。

圖2 用戶模塊總體思路圖

2.2 視頻模塊設計

視頻在網站中來源有兩種。第一是用戶上傳的視頻(需要經過后臺審核操作)，第二是管理員在后臺上傳的視頻。視頻信息可以在上傳的時候進行維護，也可以由管理員進行二次維護。包括封面，關聯資源(要播放的視頻)、視頻分類(菜單)或分組(播放專輯)等其他信息，可以設置視頻的優(yōu)先級進行排序，優(yōu)先級決定視頻在前臺頁面展示的順序。設置播放專輯可以在用戶播放某個視頻的時候進行加載推薦。視頻播放采用Flash 流播放器，可以調節(jié)進度。視頻上傳采用swf大文件上傳插件，支持隊列上傳、斷點續(xù)傳并且在速度上比普通上傳快。視頻模塊設計思路如圖3所示。

圖3 視頻模塊總體思路圖

2.3 直播模塊設計

直播用戶通過上傳視頻流，通過媒體服務器的轉接，用戶可以通過訪問直播地址來實時收看視頻流。并同時發(fā)送即時消息。

采集視頻流:obs直播客戶端攝像頭或桌面。

直播方案:流媒體服務器:FMS(rtmb流)

播放流:flash 播放器

實時彈幕功能:websorket通信。視頻模塊設計思路如圖4所示。

2.4 新聞模塊設計

新聞的作用是為了推薦網站精彩的內容，并通過鏈接地址來訪問相應的資源，并且位置都是在網站比較靠前的位置(優(yōu)先級較高)，以輪播圖的形式展現。

新聞的管理模式如:封面+描述+日期+內容+關聯資源。其管理權限只對管理員開放。類似于消息內容發(fā)布系統(CMS)。新聞模塊設計思路如圖5所示。

圖4 直播模塊總體思路圖

圖5 視頻模塊總體思路圖

2.5 菜單模塊設計

菜單模塊可以說是其他模塊的功能的整合，在設計上主要就是為了方便對所有的模塊進行整理，另外在前臺展示的時候可以根據相應的菜單ID進入每個獨立功能。

表1 菜單模塊示例

3 系統測試

3.1 用戶模塊測試

用戶模塊，訪問主頁后顯示登錄前臺登錄窗口(如圖6)。注冊有效身份后即可使用用戶身份登錄。登錄成功后可對個人中心進行管理(如圖7)。

圖6 登錄測試圖

圖7 個人中心測試圖

3.2 視頻模塊測試

在后臺添加一條視頻數據，在前臺找到該條數據，點擊播放，測試能正常播放。測試效果(如圖8)。

圖8 視頻后臺管理測試圖

3.3 直播模塊測試

后臺添加新直播>>將審核狀態(tài)改為已審核打開直播軟件>>輸入播放流地址>>開始直播點擊首頁直播>>顯示在線直播間>>進入直播間>>開始收看直播。測試的效果如圖9所示。

圖9 直播測試圖

3.4 新聞模塊測試

登錄后臺管理，添加新聞，管理新聞，將新聞狀態(tài)改為發(fā)布，前臺首頁查看該新聞測試的效果如圖10所示。

3.5 菜單模塊測試

后臺管理菜單管理，添加或修改菜單再在前臺查看新菜單名，點擊菜單進入相應子菜單頁面。測試的效果如圖11所示。

圖10 直播測試圖

圖11 菜單管理測試圖

[1] 蔡萬景,趙海濤,郭寬.LaTex創(chuàng)作的Web模板系統的研究與實現[J].科技信息,2010(11):467-468.

[2] 林煜,張燕.基于Java網站內容管理的設計與實現[J].電腦知識與技術,2010(14):3666-3667.

[3] 賀建洲.基于Java網站內容管理的設計與實現[J].電子技術與軟件工程,2016(7):27.

[4] 康曉林,蔣少莉.Java網站設計中的工作流的設計[J].電子技術與軟件工程,2014(22):74.

[5] 陳濤,白栩翔.Velocity模板引擎技術在Java Web中的應用[J].農業(yè)網絡信息,2011(5):38-40.

[6] 馬景濤,鄭斌,張利益,等.Java Web網站應用Matlab問題解決方案[J].現代電子技術,2013(6):56-58+62.

[7] 網站登錄Google與網站設計[J].計算機與網絡,2003(18):35.

A Video-interactive Dating Website Based on Java EE

Li Xiaowu, Zhou Xianglong

(SchoolofElectronicsandInformationEngineering,HunanUniversityofScienceandEngineering,YongzhouHunan425199,China)

The video site App is based on java, and made up of popular development design framework with the use of streaming media playback technology and large file upload technology that provides a good management for the video resources and playback business. The system as a BS project can be used with a browser and without APP installation. The main features of the site are video on demand, live, site search, news browsing, user comments, online interaction and backstage management. The design follows the MVC design pattern with good scalability and structural. The independent design of the backstage management allows the site maintenance staff to keep the website resources updated and maintained at all times and the users can always watch the latest resources. Web site also joins the intelligent recommendation function, according to the user’s viewing habits to develop recommendations, so that each user can see the different recommended content that recommended for them.

JAVA; website; video; live

2017-05-11

湖南省教育廳優(yōu)秀青年項目(17B107)；湖南科技學院重點學科建設項目資助(電路與系統)

李小武(1979-)，男，湖南邵陽人，副教授，碩士，主要從事嵌入式系統的研究。

1674- 4578(2017)04- 0052- 03

TP393

A