HTML5在移动教育平台音视频服务中的应用研究

康世英等

摘要：随着无线通信技术、网络技术的不断发展，教育不再仅仅局限于传统的文字形式，我们更希望用听或看的方式完成学习过程。基于HTML5标准的移动教育平台解决了以往平台音、视频播放时需要插件的问题，而且提供了大容量的离线存储方式，解决了各种文件回看的问题，具有很强的现实意义和前瞻性。

关键词：HTML5 移动教育 音频 视频 离线存储

0 引言

近些年来，随着无线通信技术和网络技术的迅猛发展，一种全新的教育模式悄然而生，这就是移动教育。移动教育是在数字化学习的基础上通过结合移动计算技术带给学习者随时随地学习的全新感受。移动教育被认为是未来教育不可或缺的一种教育模式。而作为移动教育中常见的音、视频元素的播放通常都是通过HTML来完成的。

1 HTML5简介

HTML5是W3C（World Wide Web Consortium，万维网联盟）与WHATWG（Web Hypertext Application Technology Working Group）合作的结果。

HTML5是近十年来WEB标准最大的飞跃，区别于以往的版本，HTML5并非仅仅用来表示WEB内容，它的使命是将WEB带入一个成熟的应用平台，在这个平台上，音频、视频、图像、动画以及同计算机的交互都被标准化。

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

移动教育是指依托目前比较成熟的无线移动网络、国际互联网以及多媒体技术，学员和教学机构使用移动设备（如手机、平板电脑等）通过移动教学服务器实现交互式教学活动。

作为对传统教育模式的补充，移动教育的形式按照所采用的移动通信技术可以分成两类：一类是基于公共移动通信网的移动教育模式；另一类是基于WLAN的移动教育们模式。

2.1 基于3G技术的移动教育模式

3G（第三代移动通信技术，3rd-Generation），主要指的是支持高速数据传输的蜂窝移动通讯技术。目前在我国应用广泛的3G存在三种标准：

中国移动的TD-SCDMA、中国联通的WCDMA以及中国电信的CDMA2000。3G与传统的2G的主要区别就是在于传输声音和数据的速度上，3G还能够在全球范围内更好地实现无线漫游，并处理图像、音乐、视频流等多种媒体形式。基于3G技术的最大优势在于它的广覆盖和深渗透，这是实现移动教育“anywhere”、“anytime”和“anything”的根本保证。

2.2 基于WLAN 的移动教育模式

WLAN（无线局域网络，Wireless Local Area Networks）是相当便利的数据传输系统，它利用射频（Radio Frequency，RF）的技术，达到“信息随身化、便利走天下”的理想境界。基于WLAN的移动教育方式开拓了基于网页浏览、音、视频浏览等移动教育模式。这种模式是学习者将自己的移动设备经由学校网关接入互联网，通过网络协议访问教学资源服务器，进行浏览、查询和实时交互等操作，实现了移动通信技术和数据通信技术的无缝结合。

3 HTML5应用于移动教育模式的优势分析

目前，现行的HTML标准版本较低，由于不关心HTML的性能造成了table标签的滥用，大量冗余代码的生成，造成了带宽和服务器方面的负担。而HTML5标准可以减少网页代码、插件，加快打开速度，节省服务器带宽资源。按照HTML5标准开发将是页面设计的一个趋势。HTML5在移动教育方面的应用主要是移动教育教学平台开发中，如教学网站中的音、视频播放以及客户端的数据存储。

3.1 音、视频播放

目前的WEB标准下，如果我们需要在页面中播放一段音频或视频，最通常的解决方案是使用Flash插件来实现。但考虑到插件的性能、安全性等方面因素，需要一套规范来使开发者能更方便地在网页中嵌入多媒体文件。现在，基于HTML5我们只需要在HTML页面中嵌入一段audio或video标签，就能在多款主流浏览器下播放音频、视频文件了。

3.1.1 video标签

3.2 离线存储

移动教育中，由于用户层次参差不齐，对教育网站资源的利用方式也不尽相同。许多用户希望将访问过的音、视频资源存储到本地以便回看。HTML5提供了两种在客户端存储数据的新方法即：localStorage，没有时间限制的数据存储和sessionStorage，针对一个session的数据存储。

4 总结

基于HTML5标准，可以实现较为流畅的音、视频播放体验，这种方式特别适合在嵌入式系统、移动设备中的网络音、视频应用方案。

由于HTML5采用了统一的语言、统一的数据模型和统一的表现规则来体现音频和视频，有利于网站开发人员方便快捷地将音频、视频有机结合起来，为互联网的发展提出了新的方向。

对于用户来说只要找到一个H5网页内容聚合入口，无需下载便能轻松获取各种应用信息。对于企业和很多开发者们来说，HTML5提供了一個崭新的平台，借助这个平台，开发更适合该平台的轻应用能为自己带来更多的流量和资源，实现对客户更好的对接。

在HTML5标准逐渐走向成熟，大有取代当前主流的Flash插件解决方案的大背景下，基于HTML5的移动教育教学平台有很强的现实意义和前瞻性。

参考文献：

[1]顾春莲.HTML5中的音频及视频元素对互联网的影响[J].河北省科学院学报，2011.3：106-108.

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

[3]马新强，孙兆，袁哲，等.Web标准与 HTML5的核心技术研究[J].重庆文理学院学报（自然科学版），2010.6：61-64.

[4]刘钊.3G通信基础上的继续教育学习共同体构建[J].中国成人教育，2010（15）：107-108.

[5]罗小巧，周丽丽，万李.3G移动教育中的应用展望[J].高等函授学报（自然科学版），2004.6：2-3.

[6]蒋立兵，于凌云.基于3G技术的移动学习在成人教育中的应用[J].现代远距离教育，2007.1：65-66.

作者简介：

康世英（1980-），女，山西大同人，硕士，讲师，研究方向：计算机网络应用。