HTML5技术在移动应用开发中的应用及前景

朱晓庆，陈 庚，何毅平，吴元杰

（长江工程职业技术学院 湖北 武汉 430212）

1 引言

移动互联网技术是信息技术快速发展的重要表现，有效地将智能手机与移动互联技术进行结合。目前在信息技术快速发展的影响下，互联网技术已经渗透到各个领域，相较于传统互联网技术，移动互联网能够通过移动设备满足人们的需求，具有较强的移动性，不受区域的影响。随着不断对互联网技术的开发，使越来越新的技术面向大众，而HTML5技术是一种能够呈现互联网内容与对网页文档进行描述与构建的技术。随着互联网对HTML5技术的深入研究与应用，能够将其优势最大限度地发挥出来，同时也促进了互联网技术的发展。HTML5技术对于互联网而言，该技术是传统互联网技术的创新与改革，从而受到广大应用开发人员的重视。本文对HTML5技术在移动应用开发中的应用及前景进行深入剖析。

2 HTML5技术的新特性

2.1 本地缓存数据库离线存储(oWeb storage)

①HTML5的Web storage API是可以直接用来进行线或离线处理数据库的本地缓存,在缓存处理完毕之后，系统会自动重新生成一个简单的列表清单归档文件(manifestfile),这个简单的列表清单归档文件其实也就是一系列的url表和列表清单文件,这些列的url分别被用于指向各个网站的各页面目录中的所有HTML、css、Javascrpit、图像等相关数据内容。②Indexed DB。它是HTML5的另一种数据存储模式,主要帮助Web 应用把比较复杂的信息和数据保留在本地的存储中。一个独立的区域名字就可以为我们建立很多“数据库”,每个“数据库”都可以为我们建立很多“表“,每个表也就是可以为我们建立很多不同类型的Json对象[2]。

2.2 设备硬件访问

①Geolocation APl。可移动的 web 应用程序可以在手机上灵活地使用,通过GPS、Wi-Fi 等移动智能终端的定位模式,快速地获取到该终端的准确位置。②DeviceOrientation API。该APl让Web 应用能够访问到终端上的一台陀螺仪,把设备的使用方向以及手机上的移动资料进行搜索和采集,还能够配合Capture API让开发者实现丰富多样的地图、导航以下各种类型的应用。③Media Capture APl。HTML5的mediacaptureapiac可以对于一个移动电话终端上正在使用视频摄像头的所有可编程视频应用程序进行自动访问,例如有些用户能够通过一个getusermediac的方法调用来自动实现自动访问，并获得该应用图像头所有的需要用户提供的视频卡顿流。

2.3 图像绘制及渲染Canvas

①Canvas的绘图应用生成软件和绘图编程工具接口提供给Web绘图应用的各种绘图标签功能已经提供了十多种绘图方法,用户在一个已经成功使用了各种Canvas绘图作为一个绘图标签的软件Web绘图应用中就已经能够动态地进行创建和编辑生成各种不同图形的静态影像以及各种图形动画。②WebGL。开发者用户可以通过使用webgl公司提供的自动技术应用解决案例方案，即可在一个网页上自动生成多个物体上的立体化绘图形象，进行了3D展示。其自动绘图技术特点之一是能够具有直接利用移动终端连接设备的自动图形图像处理器绘图能力。Canvas和l和WebGL的广泛引入已经让许多Webg的应用程序无需额外借助其他开发插件，就已经能够轻松实现优秀的图形绘图与图像渲染。

2.4 多媒体播放

①在HTML5中,增加了＜audio＞、＜video＞等音频标签,可以直接实现了在如vwebl等网页中直接插入对其他音频、视频的实时显示和视频播放器的功能,可以根据需要直接使用其他音频插件(其中例如flash)。音频同时支持诸如oggvorbis、mp3、aac和以及WebM等多种音乐格式,视频也同时支持诸如OggTheora、MPEG4、H.264和WebM格式[3]。

2.5 脚本运行效率

oWeb Worker HTML5还首次提出了线程的处理概念,通过描述Web Worker为Web的应用程序提供多线程处理支持。Web Worker的主要基本特点功能有：它们分别能够同时实现较长时间的高速运行(实时反馈)、理想的实时启动和停启动性能、理想的最低内存流量消耗。Web Worker使得网站设计开发者不仅可以把所有那些需要很长或者一段时间才能执行的分析数据和处理计算机的工作，都直接放在网站的一个后台系统来进行实现,并且可以保证网站上的页面对于网站用户需求进行及时性的反馈和快速响应。

3 HTML5技术在移动应用开发中的应用

3.1 在手机与平板领域的应用

随着HTML5 技术在我国智能手机与智能平板等电子领域的广泛普及，未来大部分智能手机与平板电脑能够对HTML5 技术进行完全支持，而随着“云手机”概念提出，将HTML5 技术推向了全新的发展阶段。“云手机”是未来手机发展的新方向，其主要是将用户的应用数据与个人数据传入个人云端，当用户对某一软件进行使用时，只需要通过数据加载即可。“云手机”概念的首次提出在4G网络普及之前，由于受网速、网络普及率等因素的影响，使“云手机”只是一个畅想，但随着5G网络的发展，“云手机”再次迎来了发展的新时期，同时HTML5 技术也成为“云手机”的重要技术支持，因此HTML5 技术未来发展前景广阔。

3.2 在电视领域的应用

现阶段，与传统的电视相比，智能电视发展也越来越广泛。智能电视中相关应用程序是独立的。在多数电视中也已经安装了Android、YunOS等系统。在很多网络用户的眼中，智能电视和智能手机的功能基本一致。海信在2013年推出的智能电视中，便已经应用了WebOS系统,这一系统是由HTML5设计研发的，该系统中具有影视资源推送、用户观看记录等功能，同时还缓解了智能电视中存在内存小、不能安装体积较大的应用程序等问题。智能电视是一种娱乐性质的工具，同时还具有游戏等功能。HTML5开发设计的游戏有内存小、体积小、画面美观以及有较强的互动性等特征。社交类型的数据可以进行实时交换的功能，用户可以用其进行游戏和娱乐。

3.3 在车载领域的应用

将HTML5 技术应用到车载娱乐系统中，已经成为首要开发项目，由于该技术对硬件需求较低，研发成本投入较少，致使该技术在车载领域中受到广泛欢迎。HTML5 技术除了能够研发出智能交互系统，还能够对系统进行升级维护。QNX公司在2012年首次推出了全球能够运行HTML5 技术的CAR2车载娱乐系统解决方案，历经7年的不断研究，HTML5 技术在车载娱乐方面的发展逐渐趋向成熟与完善，同时使车载系统更加智能化与轻量化。现如今，车载系统全方位实施主要应用在手机与平板中的HTML5技术，使车载应用系统能够根据位置实时共享与传输信息技术，对智能导航、车速监测以及车外环境监测进行了实现。

4 HTML5技术在移动应用开发中的应用前景

4.1 更易被接受的广告投放形式

大众一直对移动应用与电视应用所推送的广告保持着抵触的态度，而HTML5 技术对这一现象进行改变，对于智能电视领域的广告投放，可采取HTML5 技术进行投放，不仅不会使用户的观看体验受到影响，还会保证投放效果。

4.2 分屏共享

由于HTML5 技术的平台跨越性比较强，能够实现分屏共享，同时“一机多用”以及同台播放设备可对不同家庭成员的需求进行满足[4]。

4.3 在线视频

随着我国人民的法律意识越来越强，版权保护不断地受到重视，这给手机或电视用户带来了不便。例如每个电视节目的所有版权都是固定的，客户需要通过多个收看终端来收看视频。由于HTML5技术可以投屏在电视上观看，运用大屏收看在电视端收看视频节目，选择某一个浏览器，就能观看到较多网站的视频影像，在丰富客户体验的同时有效减少运行成本。

5 结语

综上，HTML5技术在移动应用开发方面具有较强的适应性，同时对浏览器对于flash插件的依赖进行有效抵消，促进了互联网未来模式的发展与成熟，同时也使互联网技术得到创新。随着HTML5技术的不断完善与创新，使其在移动应用的开发中得到更深度的应用，并对HTML5技术的优势进行发挥。HTML5技术在移动互联网中拥有比较良好的发展的前景，也说明HTML5技术在移动应用开发中发挥着重要价值。相信在未来发展中，HTML5技术也会实现它更大的价值。