基于視頻資源共享平臺的精品課程網(wǎng)站的升級實(shí)踐

錢文婷

（泰州機(jī)電高等職業(yè)技術(shù)學(xué)校 江蘇 泰州 225300）

0 引言

隨著職業(yè)教育信息化的不斷深入推進(jìn)，教學(xué)視頻資源數(shù)量日益增加，質(zhì)量日益提升，但絕大多數(shù)的數(shù)字資源都以精品課程網(wǎng)站、云存儲和移動硬盤等形式存儲，形成了眾多資源孤島，資源重復(fù)建設(shè)，造成人力、物力和財力的較大浪費(fèi)，如何實(shí)現(xiàn)資源集中管理和共享問題已是迫在眉睫[1]。YBolo是一款基于B/S架構(gòu)的視頻資源管理平臺，該平臺在全面管理視頻資源的基礎(chǔ)上，通過提供站外點(diǎn)播外鏈的形式實(shí)現(xiàn)資源共享。本文介紹了YBolo平臺核心功能，并以學(xué)校現(xiàn)有一門精品課程網(wǎng)站的升級改造為例，探討基于YBolo平臺的視頻資源共享方案的途徑。

1 視頻資源共享平臺架構(gòu)

近年來，學(xué)校通過共建共享和購買服務(wù)等多種途徑，先后在私有云上建了近30門精品課程，加上公有云的100余門網(wǎng)絡(luò)課程，一大批數(shù)字化的教學(xué)資源上線，在教學(xué)中得到了廣泛應(yīng)用，提升了教學(xué)質(zhì)量。但這些教學(xué)資源都以課程的形式組織，分別存儲在不同的服務(wù)器上，彼此獨(dú)立，不能共享，制約了資源利用率的進(jìn)一步提升[2]。

我校部署了一套名為YBolo的平臺，該平臺是深圳銳取信息技術(shù)股份有限公司推出的一款全媒體平臺，平臺主要包含了錄播教室、校園電視臺和教育資源管理等解決方案，借助教育資源管理系統(tǒng)，可以實(shí)現(xiàn)視頻資源共享平臺的建設(shè)和應(yīng)用。基于教學(xué)資源管理系統(tǒng)的視頻資源共享平臺架構(gòu)如圖1所示。

圖1 基于YBolo視頻資源共享平臺的應(yīng)用架構(gòu)

教學(xué)資源管理系統(tǒng)分為資源層、管理層、支持層和應(yīng)用層四層[3]，資源層包含了上傳到平臺的所有視頻資源，管理層實(shí)現(xiàn)了對資源的多維度管理，支持層提供了對視頻資源點(diǎn)播和引用的支持，應(yīng)用層可以是PC瀏覽器、手機(jī)或精品課程網(wǎng)站等[4]。

基于YBolo視頻資源共享平臺的應(yīng)用可以通過資源建設(shè)和網(wǎng)站升級兩個階段來實(shí)現(xiàn)[5]。

2 資源建設(shè)

資源建設(shè)分為資源的上傳、轉(zhuǎn)碼、審核和播放四個步驟。

2.1 上傳

平臺的注冊用戶登錄后，切換到“個人中心”，點(diǎn)擊“我的視頻”功能，可以分類顯示“我的視頻”“我的微課”“轉(zhuǎn)碼中”“編輯中”和“待審核”狀態(tài)的視頻。

通過上傳功能，可以將視頻上傳到平臺上。系統(tǒng)支持上傳的單個文件最大2G，支持的視頻格式有mp4、mpg、avi和flv等12種制式，但不支持rmvb、rm。

上傳資源時，可以指定下載權(quán)限、播放權(quán)限和轉(zhuǎn)碼參數(shù)，還可以添加簡介說明。下載權(quán)限可以選擇“允許下載”或“不允許下載”，播放權(quán)限可以選擇“公開發(fā)布”“密碼觀看”“登錄觀看”“暫不公開”“IP觀看”“問答觀看”或“分組觀看”，轉(zhuǎn)碼參數(shù)可以選擇“轉(zhuǎn)碼”或“不轉(zhuǎn)碼”。

2.2 轉(zhuǎn)碼

為了符合平臺的視頻播放要求，對上傳的視頻文件可以選擇“1920*1080－碼率：2 Mbps”等四種不同的設(shè)置，由平臺自動進(jìn)行轉(zhuǎn)碼，用戶可以在“轉(zhuǎn)碼中”欄目中及時查看轉(zhuǎn)碼進(jìn)度。符合平臺視頻播放要求的視頻，上傳時可以選擇不轉(zhuǎn)碼。

2.3 審核

上傳的資源需要經(jīng)過審核才允許被檢索和播放，管理員在“后臺管理”界面可以對上傳后的視頻進(jìn)行審核發(fā)布。

2.4 播放

視頻的播放可以分為平臺內(nèi)播放和平臺外播放兩種方式。

在YBolo平臺的前臺頁面上，可以直接查找或通過關(guān)鍵字模糊檢索需要的視頻資源并進(jìn)行平臺內(nèi)播放，在播放視頻頁面，點(diǎn)擊“視頻外鏈”，可以查看平臺提供的“點(diǎn)播視頻外鏈”和“移動端外鏈”鏈接地址，對允許“公開發(fā)布”的視頻資源可以使用瀏覽器進(jìn)行平臺外播放，也可以在其他APP（如精品課程網(wǎng)站）中鏈接播放。

3 網(wǎng)站升級

3.1 精品課程簡介

《Linux服務(wù)器配置與管理》是計算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的核心課程，我校在專業(yè)建設(shè)時為該課程制作了整套的教學(xué)資源，同時建設(shè)成了市級精品課程，課程網(wǎng)站采用ASP開發(fā)，數(shù)據(jù)庫選擇了Access。

通過對精品課程網(wǎng)站中的資源進(jìn)行分析，從資源類型方面看，網(wǎng)站內(nèi)的資源主要有媒體、試題、課件和案例等幾種類型，其中媒體素材有文本類、圖形/圖像類、視頻類和動畫類等四類素材；從資源作用方面看，資源可以歸到教師風(fēng)采、教學(xué)團(tuán)隊(duì)、學(xué)習(xí)指南、網(wǎng)絡(luò)課堂和作業(yè)習(xí)題等板塊。其中網(wǎng)絡(luò)課堂欄目中教學(xué)錄像和動畫視頻是視頻類資源，可以將這些資源上傳到Y(jié)Bolo平臺進(jìn)行共享管理[6]。

3.2 數(shù)據(jù)庫分析

精品課程對所有教學(xué)資源采用二級分類的形式進(jìn)行管理，一級欄目有教師風(fēng)采等6個，二級欄目有課程簡介等20個[7]。打開數(shù)據(jù)庫文件，分析表結(jié)構(gòu)得出：

（1）一級欄目信息保存在Module表中，主要表結(jié)構(gòu)如下表1所示：

表1 Module表

表2 Category表

其中CType字段可取單頁面（simple）、多頁面（news）、下載頁面（download）、章節(jié)頁面（category）、鏈接頁面（url）、留言板（message）、教學(xué)錄像（video）、同步練習(xí)（exercise）和分類（classify）等9個值，不同類型的欄目前臺呈現(xiàn)風(fēng)格也不同。

（3）教學(xué)資源保存在Article表中，主要表結(jié)構(gòu)如下表3所示：

表3 Article表

（4）Module表和Category表之間通過MId建立主、外鍵連接，Category表和Article表之間通過CId建立主、外鍵連接。

3.3 網(wǎng)站頁面分析

（1）網(wǎng)站主要頁面

網(wǎng)站由首頁、一級頁面和二級頁面組成，首頁顯示課程簡介和電子教案、教學(xué)錄像兩個一級板塊的若干個條目。一級頁面分頁顯示某個二級欄目中的內(nèi)容列表，二級頁面顯示教學(xué)資源內(nèi)容[8]。通過分析網(wǎng)站源代碼，主要頁面文件如表4所示：

表4 網(wǎng)站主要頁面包含文件

（2）Content.asp頁面處理流程

通過點(diǎn)擊首頁導(dǎo)航欄中一級欄目的名稱或點(diǎn)擊一級頁面左側(cè)二級欄目的名稱，可以跳轉(zhuǎn)到Content.asp頁面，跳轉(zhuǎn)時可以傳遞m、c或a三個參數(shù)，跳轉(zhuǎn)后頁面的具體處理流程為：

①傳遞參數(shù)m或c：參數(shù)m表示一級欄目的Id，參數(shù)c表示二級欄目的Id。如果傳遞的是參數(shù)m，則會查詢出該一級欄目中第一個二級欄目的Id。根據(jù)二級欄目的Id，Content.asp頁面調(diào)用db.asp頁面查詢出該欄目中所有正文的標(biāo)題，然后根據(jù)欄目類型調(diào)用相應(yīng)的文件進(jìn)行標(biāo)題的組織和顯示，如單頁類型的二級欄目就調(diào)用Content_Page.asp頁面。②傳遞參數(shù)a：參數(shù)a表示正文的Id。Content.asp頁面首先調(diào)用db.asp頁面查詢出該正文的詳細(xì)內(nèi)容，然后調(diào)用Content_Show.asp頁面進(jìn)行正文的顯示[9]。

3.4 平臺視頻資源URL分析

在視頻資源播放頁面，平臺提供“點(diǎn)播視頻代碼”示例，方便基于本平臺進(jìn)行二次開發(fā)。從示例代碼看出，可以通過嵌套video和iframe標(biāo)記對平臺內(nèi)的視頻資源進(jìn)行調(diào)用，示例代碼如下所示：

controls='controls' webkit-playsinline

src='http://10.10.23.103/.../videos/1_1.mp4' />

研究人員需要知道的是video標(biāo)記中src的屬性值，本例中的值為“http://10.10.23.103/.../videos/1_1.mp4”，此值就是可訪問視頻資源的URL，本精品課程網(wǎng)站升級后將此資源URL作為教學(xué)資源的內(nèi)容保存。

3.5 核心代碼分析和升級

（1）原網(wǎng)絡(luò)課堂內(nèi)容分析

課程網(wǎng)站后臺使用eWebEditor在線HTML編輯器進(jìn)行網(wǎng)絡(luò)課堂視頻內(nèi)容的編輯，通過編輯器上傳的視頻保存在網(wǎng)站根目錄下的UploadFiles文件夾中，同時生成EMBED標(biāo)記進(jìn)行視頻的播放，生成的所有代碼保存到Article表的Content字段中。如教學(xué)錄像中的“Apache的安裝測試”的內(nèi)容如下：

type=audio/x-pn-realaudio-plugin

src="UploadFiles/01 Apache的安裝測試.mp4"

autostart="true" controls="IMAGEWINDOW,ControlP anel,StatusBar"

console="Clip1">

（2）原頁面代碼分析

Content_Page.asp頁面中以表格形式顯示網(wǎng)絡(luò)課堂視頻內(nèi)容，當(dāng)視頻內(nèi)容不空時用response.Write方法輸出內(nèi)容，核心HTML代碼和asp代碼如下：

（3）網(wǎng)站升級

課程網(wǎng)站升級后，視頻資源不再保存在本地，而是上傳到了視頻共享平臺，播放共享平臺中視頻的代碼可以優(yōu)化到頁面代碼中，數(shù)據(jù)庫中只需保存共享視頻的URL鏈接即可。登錄精品課程網(wǎng)站后臺，修改每個教學(xué)錄像的資源內(nèi)容，從共享平臺的外鏈提示中將URL復(fù)制并保存，如上述“Apache的安裝測試”資源內(nèi)容修改為“http://10.10.23.103/.../videos/1_1.mp4”。

為了兼容升級前后兩種模式，對Content_Page.asp中的asp代碼進(jìn)行升級，將原來代碼中直接輸入正文內(nèi)容的代碼“response.Write Content”改成判斷語句，如果資源內(nèi)容以“http://”開頭，則調(diào)用CKplayer播放器播放URL，否則仍直接輸出。

在播放視頻時，升級后的代碼選用了功能更為強(qiáng)大的CKplayer播放器，該播放器對環(huán)境要求低，可播放的視頻格式多，而且支持視頻流格式播放，這更有利于播放資源平臺中的視頻資源。從官網(wǎng)上下載最新版的源碼并復(fù)制到課程網(wǎng)站根目錄中，升級后的核心代碼如下：

<%if Content="" then

response.Write"沒有相關(guān)內(nèi)容！"

else

if LCase(Left(Content,7)="http://" then%>

<%

else

response.Write Content

end if%>

根據(jù)CKplayer播放器參數(shù)的定義，f參數(shù)為要播放的視頻URL，所以只要使用“<%=%>”標(biāo)記將Content變量值綁定給f參數(shù)即可。

經(jīng)過對網(wǎng)站進(jìn)行全方位的分析、升級和測試，成功播放了視頻資源共享平臺中的視頻，播放流暢[10]。

4 結(jié)語

綜上所述，經(jīng)過深入研究YBolo系統(tǒng)功能，系統(tǒng)還存在一些明顯的不足之處，如對文檔資源的在線瀏覽支持力度不夠等，通過和系統(tǒng)開發(fā)商積極反饋問題，后續(xù)可以升級途徑來完善系統(tǒng)功能，但就視頻資源共享播放的途徑研究來說已經(jīng)得到了很好的實(shí)踐。