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

5基于HTML5的手机应用开发

在不同的操作系统中，需要安装不同技术开发的app。移动端的操作系统很多，但主要有两个分支。一种是使用Objective-C语言在苹果iOS操作系统中开发app。

另一种是在Google Android操作系统中使用Java开发包。所以对于同一个APP，我们要组织多个开发团队针对不同的操作系统进行开发，技术难度高，开发周期长，开发成本当然高。

目前在HTML5规范中，已经加入了摄像头、磁罗盘和GPS信息。依靠网络，基于信息流和类似方法的应用最适合使用HTML5进行开发，比如微博、社交、新闻、商场、地图、导航等应用类型。

如果可以用一个统一的HTML5来代替Android和iOS并行开发的双重成本，不正是企业目前急需的技术吗？如图1.6所示：

基于HTML5开发的app可以让页面变小，减少用户不必要的开支。而且性能更好，这样功耗更低，升级方便。打开后即可使用最新版本，避免了再次下载升级包的麻烦，使用时直接更新离线缓存。

HTML5可以为用户提供他们想要的任何东西。

6 HTML5游戏

HTML5为开发有趣的互动游戏提供了一个很好的、移动友好的方式。如果你开发Flash游戏，你会喜欢HTML5游戏的开发，这种游戏通常被称为轻度游戏，有以下明显的特点：

图6可以用HTML5开发的APP显示。

Html 5游戏短小好玩，比如猫里的神经，疯狂的手指，数钱，缝衣针等。1分钟内即可完成游戏。

Html 5游戏很简单，像快餐游戏，因为最流行的轻游戏是不需要任何智商的游戏。

Html 5也适合开发竞技类游戏，这种游戏是分分数的，比如宇宙上空有多少人。还有本地存储分数等。而且稍微复杂一点的可以添加到排行榜。

Html 5游戏也可以抓热点，拼创意。比如疯狂手指创意来自一个工程师，另一个工程师开发一个小时，第二天就是几千万的流量，创意爆款很难出现。

HTML游戏如图7所示。HTML5游戏属于网页游戏，传播方式很多。可以在微信上转发，一打开就播放。让用户不用下载就能随时随地玩轻游戏。还可以通过推送消息来推广新游戏。

微信朋友圈的游戏可以作为一个很好的操作工具。但从技术角度来说，在手机网络更好的情况下，HTML5开发的轻游戏优势明显比App更有利于用户，开发成本也相对较低。相信一定会给游戏行业带来很大的改变。

图7基于HTML5开发的游戏。

7多媒体应用

在页面中播放媒体一直是一件很可怕的事情。你需要使用和标签，而且你必须给它们很多参数才能正确播放。你的媒体标签会非常复杂，有很多令人困惑的代码。

应用HTML5可以让你忘记Flash和其他第三方应用。让你的。。和音频通过HTML5中的新媒体标签访问资源，就像在页面上放一张图片一样。如图8所示：

图8用新的HTML5标签添加一个。。。。。。