IT兄弟连 HTML5教程 了解HTML5的主流应用3

5  基于HTML5的移动APP开发

不同的操作系统中，需要安装用不同技术开发的APP，移动端的操作系统有很多种，但最主要有两大分支，一种在苹果iOS操作系统中使用Objective-C语言开发APP，另一种则是在谷歌Android操作系统中使用Java开发包。所以同一款APP，我们就要组织多组开发团队，分别针对不同的操作系统进行开发，并且技术难度要求高，开发周期长，所以开发成本当然也很高。就目前来说，在HTML5规范中，已经加入了相机、磁力罗盘、GPS信息的支持，依托于网络并基于信息流方式及类似方式的应用最适合使用HTML5进行开发，像微博、社交、新闻、商城以及地图、导航等应用类型。如果能用一个统一的HTML5来替代Android和iOS并行开发的双重成本，不正是企业目前急需的技术吗？如图1.6所示：

基于HTML5开发的APP可以使页面变得更小，减少了用户不必要的支出；而且性能更好使耗电量更低，方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。用户想要什么，HTML5就能提供给用户什么。

6  HTML5游戏

HTML5提供了一个非常伟大的，移动友好的方式去开发有趣互动的游戏。如果你开发Flash游戏，你就会喜欢上HTML5的游戏开发，HTML5游戏通常称作轻游戏，有如下几个明显的特点：

图6  可以用HTML5开发的APP展示

Ø　HTML5小游戏玩的时间短又不失乐趣，像神经猫、疯狂手指、数钞票、见缝插针等都属于这类，游戏可以在1分钟之内玩完。

Ø　HTML5游戏又非常简单，像快餐类游戏，因为现在轻游戏中传播量最大的都是不需什么智商的游戏。

Ø　HTML5还适合开发竞技类游戏，这部分体现在分数，也有像超过宇宙百分之多少人之类的。还有本地存储分数等，稍复杂一点还可以加入排行榜。

Ø　HTML5游戏还可以抓热点、拼创意，像疯狂手指创意来自于一个工程师，另一工程师开发一个小时上线，第二天就快千万流量，创意爆款可遇不可求。

HTML游戏如图7所示，HTML5游戏归属于WEB游戏，传播的途径也非常广泛，可以在微信中转发，打开即玩。让用户可任何时间，任何地点不用下载玩轻游戏。还可以用推送消息的方式做新游戏的推广，微信朋友圈的游戏可以作为一种很好的运营工具来使用。但从技术上看，随手机网络更好，HTML5开发的轻游戏的优势相比App显然是更利于用户，开发成本也相对低，相信它一定能给游戏行业带来很大的变化。

图7  基于HTML5开发的游戏

7  多媒体的应用

在页面中播放媒体一直都是一个非常可怕的事情，你需要使用<embed>和<object>标签，并且为了它们能正确播放必须赋予一大堆的参数。你的媒体标签将会非常复杂，很多令人迷惑的代码。应用HTML5可以让你忘了Flash和其它第三方应用吧，让你的视频和音频通过HTML5新增的媒体标签来访问资源，就像在页面中放上一张图片那样容易。如图8所示:

图8  应用HTML5新标签添加视频播放器