HTML5在移動教育平臺音視頻服務(wù)中的應(yīng)用研究

康世英等

摘要：隨著無線通信技術(shù)、網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，教育不再僅僅局限于傳統(tǒng)的文字形式，我們更希望用聽或看的方式完成學習過程。基于HTML5標準的移動教育平臺解決了以往平臺音、視頻播放時需要插件的問題，而且提供了大容量的離線存儲方式，解決了各種文件回看的問題，具有很強的現(xiàn)實意義和前瞻性。

關(guān)鍵詞：HTML5 移動教育 音頻 視頻 離線存儲

0 引言

近些年來，隨著無線通信技術(shù)和網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，一種全新的教育模式悄然而生，這就是移動教育。移動教育是在數(shù)字化學習的基礎(chǔ)上通過結(jié)合移動計算技術(shù)帶給學習者隨時隨地學習的全新感受。移動教育被認為是未來教育不可或缺的一種教育模式。而作為移動教育中常見的音、視頻元素的播放通常都是通過HTML來完成的。

1 HTML5簡介

HTML5是W3C（World Wide Web Consortium，萬維網(wǎng)聯(lián)盟）與WHATWG（Web Hypertext Application Technology Working Group）合作的結(jié)果。

HTML5是近十年來WEB標準最大的飛躍，區(qū)別于以往的版本，HTML5并非僅僅用來表示W(wǎng)EB內(nèi)容，它的使命是將WEB帶入一個成熟的應(yīng)用平臺，在這個平臺上，音頻、視頻、圖像、動畫以及同計算機的交互都被標準化。

2 移動教育以及目前移動教育的模式

移動教育是指依托目前比較成熟的無線移動網(wǎng)絡(luò)、國際互聯(lián)網(wǎng)以及多媒體技術(shù)，學員和教學機構(gòu)使用移動設(shè)備（如手機、平板電腦等）通過移動教學服務(wù)器實現(xiàn)交互式教學活動。

作為對傳統(tǒng)教育模式的補充，移動教育的形式按照所采用的移動通信技術(shù)可以分成兩類：一類是基于公共移動通信網(wǎng)的移動教育模式；另一類是基于WLAN的移動教育們模式。

2.1 基于3G技術(shù)的移動教育模式

3G（第三代移動通信技術(shù)，3rd-Generation），主要指的是支持高速數(shù)據(jù)傳輸?shù)姆涓C移動通訊技術(shù)。目前在我國應(yīng)用廣泛的3G存在三種標準：

中國移動的TD-SCDMA、中國聯(lián)通的WCDMA以及中國電信的CDMA2000。3G與傳統(tǒng)的2G的主要區(qū)別就是在于傳輸聲音和數(shù)據(jù)的速度上，3G還能夠在全球范圍內(nèi)更好地實現(xiàn)無線漫游，并處理圖像、音樂、視頻流等多種媒體形式。基于3G技術(shù)的最大優(yōu)勢在于它的廣覆蓋和深滲透，這是實現(xiàn)移動教育“anywhere”、“anytime”和“anything”的根本保證。

2.2 基于WLAN 的移動教育模式

WLAN（無線局域網(wǎng)絡(luò)，Wireless Local Area Networks）是相當便利的數(shù)據(jù)傳輸系統(tǒng)，它利用射頻（Radio Frequency，RF）的技術(shù)，達到“信息隨身化、便利走天下”的理想境界。基于WLAN的移動教育方式開拓了基于網(wǎng)頁瀏覽、音、視頻瀏覽等移動教育模式。這種模式是學習者將自己的移動設(shè)備經(jīng)由學校網(wǎng)關(guān)接入互聯(lián)網(wǎng)，通過網(wǎng)絡(luò)協(xié)議訪問教學資源服務(wù)器，進行瀏覽、查詢和實時交互等操作，實現(xiàn)了移動通信技術(shù)和數(shù)據(jù)通信技術(shù)的無縫結(jié)合。

3 HTML5應(yīng)用于移動教育模式的優(yōu)勢分析

目前，現(xiàn)行的HTML標準版本較低，由于不關(guān)心HTML的性能造成了table標簽的濫用，大量冗余代碼的生成，造成了帶寬和服務(wù)器方面的負擔。而HTML5標準可以減少網(wǎng)頁代碼、插件，加快打開速度，節(jié)省服務(wù)器帶寬資源。按照HTML5標準開發(fā)將是頁面設(shè)計的一個趨勢。HTML5在移動教育方面的應(yīng)用主要是移動教育教學平臺開發(fā)中，如教學網(wǎng)站中的音、視頻播放以及客戶端的數(shù)據(jù)存儲。

3.1 音、視頻播放

目前的WEB標準下，如果我們需要在頁面中播放一段音頻或視頻，最通常的解決方案是使用Flash插件來實現(xiàn)。但考慮到插件的性能、安全性等方面因素，需要一套規(guī)范來使開發(fā)者能更方便地在網(wǎng)頁中嵌入多媒體文件。現(xiàn)在，基于HTML5我們只需要在HTML頁面中嵌入一段audio或video標簽，就能在多款主流瀏覽器下播放音頻、視頻文件了。

3.1.1 video標簽

3.2 離線存儲

移動教育中，由于用戶層次參差不齊，對教育網(wǎng)站資源的利用方式也不盡相同。許多用戶希望將訪問過的音、視頻資源存儲到本地以便回看。HTML5提供了兩種在客戶端存儲數(shù)據(jù)的新方法即：localStorage，沒有時間限制的數(shù)據(jù)存儲和sessionStorage，針對一個session的數(shù)據(jù)存儲。

4 總結(jié)

基于HTML5標準，可以實現(xiàn)較為流暢的音、視頻播放體驗，這種方式特別適合在嵌入式系統(tǒng)、移動設(shè)備中的網(wǎng)絡(luò)音、視頻應(yīng)用方案。

由于HTML5采用了統(tǒng)一的語言、統(tǒng)一的數(shù)據(jù)模型和統(tǒng)一的表現(xiàn)規(guī)則來體現(xiàn)音頻和視頻，有利于網(wǎng)站開發(fā)人員方便快捷地將音頻、視頻有機結(jié)合起來，為互聯(lián)網(wǎng)的發(fā)展提出了新的方向。

對于用戶來說只要找到一個H5網(wǎng)頁內(nèi)容聚合入口，無需下載便能輕松獲取各種應(yīng)用信息。對于企業(yè)和很多開發(fā)者們來說，HTML5提供了一個嶄新的平臺，借助這個平臺，開發(fā)更適合該平臺的輕應(yīng)用能為自己帶來更多的流量和資源，實現(xiàn)對客戶更好的對接。

在HTML5標準逐漸走向成熟，大有取代當前主流的Flash插件解決方案的大背景下，基于HTML5的移動教育教學平臺有很強的現(xiàn)實意義和前瞻性。

參考文獻：

[1]顧春蓮.HTML5中的音頻及視頻元素對互聯(lián)網(wǎng)的影響[J].河北省科學院學報，2011.3：106-108.

[2]HTML5教程[EB/OL].http：//www.w3school.com.cn/html5/.

[3]馬新強，孫兆，袁哲，等.Web標準與 HTML5的核心技術(shù)研究[J].重慶文理學院學報（自然科學版），2010.6：61-64.

[4]劉釗.3G通信基礎(chǔ)上的繼續(xù)教育學習共同體構(gòu)建[J].中國成人教育，2010（15）：107-108.

[5]羅小巧，周麗麗，萬李.3G移動教育中的應(yīng)用展望[J].高等函授學報（自然科學版），2004.6：2-3.

[6]蔣立兵，于凌云.基于3G技術(shù)的移動學習在成人教育中的應(yīng)用[J].現(xiàn)代遠距離教育，2007.1：65-66.

作者簡介：

康世英（1980-），女，山西大同人，碩士，講師，研究方向：計算機網(wǎng)絡(luò)應(yīng)用。