最新发布《数智时代的AI人才粮仓模型解读白皮书(2024版)》,立即领取! 了解详情
写点什么

HTML5 的问题与机遇

  • 2016-01-13
  • 本文字数:2723 字

    阅读完需:约 9 分钟

背景:HTML5 曾作为“真跨平台”语言而被大家寄予重望,然而 Facebook LinkedIn 的放弃让众多开发者寒了心。HTML5 游戏也曾被视为新的蓝海,然而微信对 HTML5 游戏的流量限制,滴滴、今日头条等超级APP 对 HTML5 游戏的下架,资本市场的降温以及苦等不来的爆款,让 HTML5 游戏公司处境尴尬。本次小编参加了于 2016 年 1 月 7-8 日在古北水镇召开的“娜喊杯”2015 HTML5 年度颁奖盛典,就此机会采访了一些嘉宾和参会者,从他们口中来了解HTML5 行业。

InfoQ:为何会加入 HTML5 游戏行业?

参会者:手游和端游都已是红海,而且开始洗牌了,HTML5 游戏还算是蓝海
参会者:便宜,做一个手游的钱可以做 10 个 HTML5 游戏

InfoQ:觉得现在 HTML5 有哪些问题呢?

参会者:性能低、用户体验不好
参会者:费电、性能低

InfoQ:HTML5 的性能问题要如何解决呢?

渠道厂商:HTML5 是可以达到原生性能的,但需要大家更多的资本投入
英特尔(中国)市场总监陈绪:我们从 12 年就开始做 H5 方面的优化和硬件加速了

爆款迟迟不来,大家说是因为没有足够的渠道来获得用户,然而渠道在没看到爆款前始终不会大量投入,鸡与蛋问题再次出现在我们眼前。有参会者表示:要通过吸引大厂和好的 CP 入行来解决这个问题。然而也有参会者表示:只有在大厂入行前发展起来,才能在后期不被清场出局。

除了游戏,HTML5 从业者还有其他的发展方向吗?木疙瘩 CEO 王志从 12 年就开始关注 HTML5,让我们听听他的看法。
InfoQ:HTML5 带来了那些改变呢?

王志:我们认为 HTML5 真正会带来革命性变化的是它会让很多的软件云端化。现在用的 90% 多的软件以后会不再是一个客户端软件了,因为 HTML5 会给你提供一种能力,可以把以前需要下载安装才能用的软件变成在浏览器就可以用,这在以前是不可想象的。
而这是基于两个前提,第一 HTML5 给你带来这种能力,它允许你访问硬盘,允许你调数据库,允许你调摄像头,允许你调地图,把浏览器的功能极大的扩展了。第二云计算和 4G 网络的发展,其实催生了这个东西,云计算的公有云变得越来越便宜,云服务越来越容易得到。
我觉得今后的趋势一定是像我们这样,今后创业的公司会把越来越多的软件搬上网络,甚至 3DMax 这样的软件完全可以搬到网上做,而且在网上做渲染还比在线下快,因为如果放到网上渲染的话,云计算可以调 1000 万台普通的电脑来渲染同一个东西,其实是要比你强的。

InfoQ:HTML5 现在存在哪些问题?为何会有这些问题?

王志:HTML5 目前存在的问题:1、兼容性,由于 HTML5 新特性很多,并不是所有新特性在所有平台上都有很好的支持,比如大家都看好的 webGL,在安卓机型上就有很多问题。这个需要测试,同时要在做 HTML5 的时候充分考虑,规避这些兼容性不好的特性。2、安全性,由于 HTML5 是网页标准,在一个开放的环境里展示内容,会带来一个问题就是内容不太好保护,特别像做 HTML5 游戏的公司,都碰到过游戏上线没几天就被人复制的问题。Mugeda 正在研究 HTML5 内容保护技术。3、性能,HTML5 目前的性能和原生 APP 还有一点差距,比如在安卓手机上运行含有复杂的图形动画的 HTML5 就会比较卡顿。但这个是受限于硬件和浏览器的优化程度,改进会非常快。

InfoQ: HTML5 的性能还不是特别好,木疙瘩有为此做相应优化吗?

王志:我们有专门针对 HTML5 性能的优化,但其实软件层面对 HTML5 性能的优化永远不如硬件层面来的快,来的有效。举个最简单的例子,同样的一个做法,CS3 有一些特性可以用到浏览器本身的硬件加速的,如果你用这个特性,会发现动画就特别快,特别流畅,可以达到 50、60 帧,但是有一些特性用不到硬件优化,就会显得慢一点。
这也是今天下午讨论的问题,为什么 HTML5 的游戏老是不行,就是性能的问题。其实我们对 HTML5 的看法是,HTML5 是一个非常适合做内容的技术,这个内容分很多种,游戏是内容、广告是内容、课件也是内容,现在流行的新媒体报道也是内容。不同的内容对性能要求是不一样的,比如说你做一个广告,都是平面动画,现有的手机和现有的浏览器的性能足够了,但是如果我非要做一个 3D 的游戏,很可能有的手机就不行,iPhone 可以很牛的把它看出来,Android 就不一定。
还是我刚才说的,你需要去取舍,但是我相信一点,今后浏览器一定会把越来越多的硬件加速功能给做进去。当初游戏行业的一个腾飞是微软把硬件加速优化做到 Windows 系统里面了,所有在 Windows 上面跑的游戏就可以用到很牛的硬件特性,做出超炫的 3D 效果了,这个事情一定会在浏览器上发生。腾讯就在做这个事情,X5 浏览器内核在针对 HTML5 不断地做优化。当 HTML5 越来越流行,越来越普及的时候,硬件厂商会从根本上对它做优化,就会变得非常的快。所以什么时候你看到浏览器里开始有了内置的针对硬件的优化的时候,游戏一下子就起来了。现在说实话,大家各种各样的解决方法都不是最有效的方法,显卡的性能、CPU 的性能没有完全的发挥出来,大家没有做彻底的优化。

InfoQ:那在目前的硬件条件下,木疙瘩对软件层面做了哪些优化?

王志:HTML5 通过画布、CSS3、Javascript 等技术方式渲染内容。我们有一个智能渲染引擎,可以根据硬件和设备的条件来智能的挑选最合适最优化的渲染方式。简单说就是,我们判断能用到最佳效率的部分就用最佳效率,能用到硬件加速的就用硬件加速。比如 HTML5 有 300 多个特性,要实现一个东西从左移到右有很多种方法,我们就去挑能用硬件加速的那个方法来实现它。

InfoQ:您觉得除了游戏,还有哪些领域适合 HTML5 呢?它的出头之路在哪?

王志:其实大家不必都盯着游戏,H5 有很多市场的。视频市场不够大么?营销市场不够大么?教育市场不够大么?内容市场不够大么?
而且 HTML5 也适合做软件,比如我们木疙瘩就是基于 HTML5 做的,office 这些软件也都可以用 HTML5 来写。
我觉得,游戏最后一定会出头,但是一定不会这么快。其实现在已经出头的也有,视频早就出完头了,已经都润物细无声。现在广告这个领域也已经都普及了,移动广告不全是 HTML5 吗?营销这个领域已经都定论了,搞定了。接下来会是纯内容制作的领域,比如说教育、媒体、数字出版,一定都会用上的,你知道最新的电子书的格式 ePub3,苹果的 iBook,亚马逊的 KF8 全都支持 HTML5,代表什么呢?
为什么大家都这么看重 HTML5,很重要的原因是 HTML5 把以前浏览器单纯的展示信息的功能完全变成了双向的交互,比如说利用 HTML5 可以花一天的时间开发出一个 Web 的 QQ,而且只需要写很少的代码。

最后,DCloud CEO 王安提到了一个 HTML5 占天然优势的场景。

王安:比如我们在户外看到感兴趣的电商广告,有购买的想法了。但这时一般人不会愿意扫码 -> 下载 -> 安装 -> 注册 -> 购买,这个流程中会损失大量的用户。但如果你是扫码 -> 秒开 H5 应用 -> 购买,那就会有更多的用户完成订单。

2016-01-13 03:394999

评论

发布
暂无评论
发现更多内容

GaussDB技术解读系列丨运维自动驾驶探索

华为云开发者联盟

数据库 后端 华为云 华为云开发者联盟 企业号9月PK榜

腾讯云生态以退为进,让「半条命」撑起「半边天」

ToB行业头条

寻找协调器FindCoordinatorRequest请求流程

石臻臻的杂货铺

Kafk

云原生Spark UI Service在腾讯云云原生数据湖产品DLC的实践

腾讯云大数据

数据湖

NFTScan 正式上线 TON NFTScan 浏览器!

NFT Research

NFT\

数据艺术,成就科学现代的全面预算管理模式

智达方通

数据分析 数据驱动 智达方通 数据叙事

传统大数据迁移遇到的问题与解决方案

镭速

大数据迁移

面试官:说一下 MyBatis 缓存机制?

王磊

Java Java面试题

HarmonyOS应用开发—资源分类与访问

HarmonyOS开发者

HarmonyOS

数据库重构之路,以 OrientDB 到 NebulaGraph 为例

NebulaGraph

数据库

【玩转鲲鹏 DevKit系列】如何快速迁移无源码应用?

华为云开发者联盟

后端 开发 华为云 华为云开发者联盟 企业号9月PK榜

12个强大的 JavaScript 动画库,可帮助你提升用户体验

互联网工科生

JavaScript 动画库

安全检测演进,AIGC融合模糊测试开启新时代

云起无垠

网路安全

教你2种方法,将iOS设备通过MQTT协议连接到华为云物联网平台

华为云开发者联盟

云计算 后端 华为云 华为云开发者联盟 企业号9月PK榜

矩视快问快答

矩视智能

机器视觉 深度学习、

企业文件传输遇到的问题与解决方案

镭速

大文件传输 数据文件传输

跟单交易所开发,合约跟单交易系统开发

V\TG【ch3nguang】

mac电脑推荐 LRTimelapse for Mac延时摄影视频

mac大玩家j

Mac软件 摄影软件 摄影后期处理软件

ShutdownHook妙用

FunTester

两行代码实现Redis消息队列,简单易用

高端章鱼哥

redis 消息列队

HTML5的问题与机遇_服务革新_姚梦龙_InfoQ精选文章