移動學(xué)習(xí)視角下教學(xué)視頻點播系統(tǒng)的設(shè)計與實現(xiàn)

摘 要：本文根據(jù)移動學(xué)習(xí)的發(fā)展趨勢，通過對流媒體服務(wù)器配置、音視頻文件處理和HTML5網(wǎng)頁播放器設(shè)置等環(huán)節(jié)介紹，構(gòu)建了一套移動學(xué)習(xí)過程中不可或缺的教學(xué)視頻點播系統(tǒng)。該系統(tǒng)已應(yīng)用于具體平臺中，并取得了較好的效果。

關(guān)鍵詞：移動學(xué)習(xí)； 視頻點播； 流媒體； HTML5播放器

中圖分類號：G43 文獻(xiàn)標(biāo)識碼：A 文章編號：1006-3315（2016）03-125-002

移動學(xué)習(xí)是指利用無線通信網(wǎng)絡(luò)以及移動智能終端獲取教育信息、教育資源和教育服務(wù)的一種新型學(xué)習(xí)形式[1]，具有學(xué)習(xí)便捷性、教學(xué)個性化、交互豐富性、情境相關(guān)性等特點。當(dāng)前，在線教育尤其是移動學(xué)習(xí)領(lǐng)域進(jìn)入了高速發(fā)展期，據(jù)2016年1月12日中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）發(fā)布的《第37次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計報告》：截至2015年12月，我國在線教育用戶規(guī)模達(dá)1.10億人，占網(wǎng)民的16.0%，其中手機(jī)端在線教育用戶規(guī)模為5303萬人，占手機(jī)網(wǎng)民的8.6%。

在移動學(xué)習(xí)過程中，人的注意力容易分散。移動學(xué)習(xí)的“碎片”式學(xué)習(xí)方式，要求移動學(xué)習(xí)資源建設(shè)應(yīng)注重適宜于零碎時間的學(xué)習(xí)[2]。以微型教學(xué)視頻為主要載體的微課，其形式多樣，畫面生動形象，能直觀表達(dá)教學(xué)的每一個環(huán)節(jié)，且不受時空、終端限制，非常適合學(xué)生的碎片化學(xué)習(xí)。

搭建一套支持移動學(xué)習(xí)的教學(xué)視頻點播系統(tǒng)，筆者認(rèn)為需通過三個重要環(huán)節(jié)來實現(xiàn)。

一、流媒體服務(wù)器配置

流媒體指在Internet/Intranet中使用流式傳輸技術(shù)的連續(xù)時基媒體，流式傳輸是實現(xiàn)流媒體的關(guān)鍵技術(shù)[3]。流式媒體的數(shù)據(jù)流隨時傳送隨時播放，改變了先下載后播放的傳統(tǒng)方式，從而大大節(jié)約了時間。

實現(xiàn)流式傳輸有兩種方法：實時流式傳輸和順序流式傳輸。因HTML5還不支持MMS、RTMP等實時流式傳輸協(xié)議，本文介紹的是HTTP順序流式服務(wù)器的配置過程，以Windows Server2008為例。在IIS的“Internet信息服務(wù)”點擊右鍵選擇“屬性”，在彈出的窗口中選擇“HTTP頭”選項卡，然后點擊“MIME類型”，在彈出的窗口中點擊“新建”，在擴(kuò)展名填入“.mp4”和MIME類型填入“video/mp4”，確定后重啟IIS服務(wù)，服務(wù)器就可以支持FLV、F4V、MP4等格式的視頻播放了。

如需支持視頻邊下載邊播放，支持視頻任意拖動，即拖動進(jìn)度到?jīng)]有下載的部分直接可以播放，需加載mod_h264_streaming.dll擴(kuò)展模塊。

二、音視頻文件處理

HTML5video標(biāo)簽只支持Ogg、MP4、WebM三種格式的視頻文件，相比這三種格式，MP4對當(dāng)前瀏覽器及平臺兼容性更強，使用也更為廣泛。值得注意的是并不是后綴名為MP4的視頻都可以播放，現(xiàn)通用的封裝成MP4的技術(shù)參數(shù)主要為：視頻壓縮采用H.264/AVC （MPEG-4 Part10）編碼、使用二次編碼、不包含字幕的MP4格式，動態(tài)碼流的最高碼率不高于2500 Kbps，最低碼率不得低于1024Kbps，采用逐行掃描，幀率為25幀/秒，視頻分辨率為720×576（4：3）或1024×576（16：9）；音頻壓縮采用AAC（MPEG4 Part3）格式，采樣率48KHz，音頻碼流率128Kbps。

常見的視頻格式種類繁多，如何將不同格式的視頻統(tǒng)一轉(zhuǎn)換成HTML5可播放的MP4格式，主要方法有：用戶自行轉(zhuǎn)碼和服務(wù)器端自動轉(zhuǎn)碼二種。常用的客戶端轉(zhuǎn)碼工具有格式工廠、魔影工廠等，但遇到視頻數(shù)量多、編碼雜，用戶往往就不愿意耽擱這個時間，并且編碼的標(biāo)準(zhǔn)、畫質(zhì)、大小也是各有差異，不利于網(wǎng)站的統(tǒng)一播放和管理，所以在服務(wù)器端架設(shè)一套編碼系統(tǒng)很有必要，可實現(xiàn)視頻的統(tǒng)一處理，減少用戶的負(fù)擔(dān)，也給管理者減輕了人工成本和管理壓力。FFMpeg插件可實現(xiàn)自動轉(zhuǎn)碼、自動截圖，無需人工值守、具有超高的視頻壓縮率等優(yōu)點，已普遍應(yīng)用于各流媒體服務(wù)器上。

有時也會碰到視頻要等加載完才能播放，而不是邊加載邊播放的情況，是因為視頻的元數(shù)據(jù)信息不在第一幀所致。元數(shù)據(jù)是指保存視頻屬性的一組參數(shù)，比如視頻的寬度，高度，時間長，總字節(jié)，關(guān)鍵幀等信息。網(wǎng)頁上的視頻播放器播放視頻是以流的形式加載，播放器必須要讀取到元數(shù)據(jù)信息才可以進(jìn)行播放。

三、HTML5網(wǎng)頁播放器設(shè)置

HTML5的video和audio標(biāo)簽是用來在網(wǎng)頁中加入視頻和音頻的標(biāo)簽，在支持HTML5的瀏覽器中不需要預(yù)先加載Adobe Flash瀏覽器插件就能輕松、快速的播放視頻和音頻文件。

當(dāng)前流行的HTML5網(wǎng)頁播放器很多。CKPlayer[4]是一款國人開發(fā)的能在網(wǎng)頁上播放視頻的免費軟件，功能強大、定制方便，支持安裝了Flashplayer插件的瀏覽器和HTML5平臺。架構(gòu)CKPlayer應(yīng)用非常簡單，從官網(wǎng)下載軟件包，將CKPlayer目錄放到網(wǎng)站根目錄下，最后在網(wǎng)頁中要調(diào)用播放器的地方使用如下代碼：

如想在HTML5調(diào)用時隱藏視頻地址，可通過js的ajax讀取視頻地址進(jìn)行播放，并且可以采用get/post發(fā)送方式獲取地址。

HTML5的API總體來說還是夠用的，但復(fù)雜的操作就不支持了。不同的平臺對HTML5并沒有一個統(tǒng)一的標(biāo)準(zhǔn)。譬如HTML5的自動播放并不是所有的平臺都支持，在有些移動終端，即使你設(shè)置了視頻自動播放，環(huán)境也不允許該命令執(zhí)行，必需經(jīng)過用戶點擊才能播放，主要是出于保護(hù)用戶的流量等原因。還有，HTML5在有些移動終端須點擊全屏按鈕才會觸發(fā)視頻播放。

隨著移動技術(shù)的快速發(fā)展，人們的學(xué)習(xí)已經(jīng)從連續(xù)、固定、封閉走向離散、開放、多元，學(xué)習(xí)呈現(xiàn)出碎片化。寧波廣播電視大學(xué)結(jié)合當(dāng)前的實際需求，在現(xiàn)有視頻資源基礎(chǔ)上，適時地提出并構(gòu)建了適合移動學(xué)習(xí)的教學(xué)視頻點播系統(tǒng)，實現(xiàn)了教學(xué)視頻資源的分類發(fā)布及多種網(wǎng)絡(luò)環(huán)境應(yīng)用。系統(tǒng)同時支持手機(jī)平臺和PC平臺的流傳輸服務(wù)，采用多平臺節(jié)目內(nèi)容的統(tǒng)一管理，提供流媒體文件的自動轉(zhuǎn)碼等功能，較好地滿足了學(xué)生對移動學(xué)習(xí)資源的需求，提高移動學(xué)習(xí)的質(zhì)量。

參考文獻(xiàn)：

[1]葉成林，徐福蔭.移動學(xué)習(xí)及其理論基礎(chǔ)[J]開放教育研究，2004（3）：23-26

[2]姜永生.新型移動學(xué)習(xí)環(huán)境下微視頻建設(shè)研究[J]廣東第二師范學(xué)院學(xué)報，2014（3）：75-80

[3]流媒體-百度百科[EB/OL]http：//baike.baidu.com

[4]ckplayer-超酷網(wǎng)頁視頻播放器[EB/OL]http：//www.ckplayer