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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/ITXDL123/article/details/98843038

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新标签添加视频播放器

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ThoughtWorks

真正的敏捷工作流 —— GitHub flow

7991 年,随着极限编程(Extreme programming)方法论的提出,持续集成(Continuous integration)也随之成为一项标准化的...

11110
来自专栏Coco的专栏

前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配

前端的一大工作内容就是去兼容页面在不同内核的浏览器,不同的设备,不同的分辨率下的行为,使页面的能正常工作在各种各样的宿主环境当中。

18820
来自专栏web秀

JavaScript中Date对象的那些事儿

任何事情都离不开时间,太阳每天升起的时间,每天你上班的时间,中午吃饭时间等等。在编程生涯中,无时无刻都有一个时间来引导,如数据创建时间(createTime),...

7720
来自专栏iOS小生活

Flutter 中的下拉刷新和上拉加载

在Flutter的官方SDK中给我们提供了下拉刷新的组件RefreshIndicator,但是没有提供上拉分页加载更多的组件。不过不用担心,在Flutter的L...

64710
来自专栏林小帅的专栏

Flutter 环境及配置

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。

12710
来自专栏即时通信与音视频

移动直播连麦解决方案

      最开始观看直播是主播在那边又唱又跳,而你想与女神互动,只能简单的刷刷弹幕送送礼物。直到有了连麦,你才能用音视频的方式和主播互动,让女神看到你的画面,...

40100
来自专栏马蜂窝技术

Flutter 实现原理及在马蜂窝的跨平台开发实践

在马蜂窝旅游 App 很多业务场景里,我们尝试过一些主流的跨平台开发解决方案, 比如 WebView 和 React Native,来提升开发效率和用户体验。但...

16020
来自专栏VRPinea

9.3 VR扫描:英迈与微软达成HoloLens 2全球经销协议;高通研究所打造VR空间Suncave

近日,全球最大技术分销商英迈宣布已成为微软HoloLens 2首批全球经销商之一,并在今年的英迈物联网峰会上对该AR头显进行演示。据悉,英迈将分阶段营销Holo...

9220
来自专栏杰的记事本

剪切板图片粘贴上传

在H5技术发展如火如荼的今天,前端,再也不是页面的代名词,而今的前端早已不再是写写页面写写简单的交互了,现在的前端相比十年前的前端已经发生了翻天覆地的变化,像近...

19910
来自专栏MAC常见问题

Mac怎么使用隔空投送

隔空投送,是什么?利用“隔空投送”,您可以通过无线方式将文稿、照片、视频、网站、地图位置等发送到附近的 iPhone、iPad、iPod touch 或 Mac...

27710

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励