孙广宇:智能物联网硬件的HTML5

8月8日,由HTML5梦工场主办的第四届HTML5峰会暨攻城师嘉年华(iWeb峰会)北京站,会上一丁芯 CTO 孙广宇表了《智能物联网硬件的HTML5》主题演讲。

以下是演讲实录:

非常感谢。可能熟悉的朋友如果参加过前几届的HTML5峰会,可能对我有了解,前几届一直主持智能电视分会场,但是今年不太给力,只好自己出来在一家创业公司做硬件了。


我这次分享主要包括四个方面,第一个是Web技术特性简析。第二个,我们做了一丁丽知的HTML5使用。第三个我们会解释一下HTML5作为一个平台性公司对于它有多重要,第四个会总结一下,我做了四年智能电视,到底犯了什么错,HTML5一直在电视没有做起来。


第一个,讲一下Web技术的优势。我们不讲具体的内容,第一个它是非商业性的。第二个,它有W3C的组织进行标准的规范,可以跨越不同的平台。第三个,它有一个非常好的特点,也就是我为什么在各个平台使用Web技术的最重要的原因,它是非编译的、及时性的、即时性的语言。有屏的地方就有HTML5,没有屏的应有java Script。凯迪拉克的车里面,都有一些我之前参与运行的HTML5的东西。


我们可以看一看目前针对行业里面Web的使用方向,第一部分肯定基于原生的功能。第一个做吻合的服务。第三个需要引擎,第四部分与基于APP的的规则,也可以进行以APP的维度或者更小的维度进行拉取,可以在不同的维度进行推送实现你的功能。


之前我们在做电视的过程中,其实有这样的思考,最终我们选择了实际上不是基于一个窗体。我们用了四个窗图,video层,app3,我们要实现app的管理。在一个单页的管理里面只有一个App。第二个是多页面,单用户程序。在电视里面显示DVD效果的页面,你DVD的效果可能显示在前端的页面,视频的预览可能显示在第二个页面。实际上最后面的是电视的画面,最前面的几层是最快速调用的菜单,第二个是全屏幕的菜单,第三个是App的程序,有一个运行程序在支撑。前面的菜单可以有不同模式运行,全屏、半屏,后台运营模式。第三种在一个页面中可以运行多个Web,比如说小的挂件、时钟,这里需要管理一个窗户,就是App实用的关系。这次主要是分析一些实例。实际上这几年,这些东西是我们在2011、2012年做的,在HTML5逐渐发展过程中,单页面程序是很多场合能力不够的,需要用多个窗体共同实现一个比较复杂的应用或者系统。


第二个,讲一下我们公司再一丁丽知的过程中怎么用HTML5。我们把HTML5作为一个工具,如何做我们的项目。在说这个之前,我们公司在我加入之前,我们公司有60%、70%人员是做云端开发的,App云服务的开发,包括美工,这是很不正常的。为了回归到生产制造上,我们要调整一下在移动端的比例。我们启动了丽知智能测肤仪,会分析出来水分、油性、弹性、体制酸碱度变化的趋势。刚才嘉宾在演讲的时候,我想到触感也是非常重要的。它的原理是用电阻和电容测试皮肤的一些数据,来得出相应的数据,提供护肤常用的建议,尤其是关于面膜使用过程中,不同的面膜咱们使用,相关的时间,同时提供相关的交流平台,用户检测皮肤,了解皮肤。主要使用是晚上睡前在敷面膜的时候,第二在路上的时候,第三是闺蜜讨论的时候有一个数据支撑。完美女人的肌肤,犹如海洋之星钻石般唯一、摧残。为了最深诠释女性皮肤之纯粹珍贵,独一无二。我们后面还要出水晶的版本。


这是戴在妹子身上的效果,我们也可以看到不同弧度的效果是什么样。这App主要是分这些功能,咱们这儿App是基于HTML5混合开发的,侧边栏、美丽圈。插上耳机孔的时候会自动检测显示结果,相关的历史界面。App的数据也是用HTML5来绘制的,显示不同历史时期的数据。我们主要能够分析出来水分、油性、弹性,来推测你体质酸碱度的变化。还有美丽圈的功能,通过交流和学习,掌握护肤知识,可以大家交流。目前因为产品还属于小批量内测阶段,一会儿希望能给朋友们一起测试一下这个产品。


第二部分,我们公司是做什么的?我们公司是做连接开发者、制造商、服务商、金融机构,建立起跨行业、品牌、系统、产品的互联互通、智慧协作智能物联生态系统的公司。我们看到在智能家庭的领域,其实我们在家里面非常多的设备,冰箱、空调、洗衣机。因为这是豪宅,这个房在北京非常非常奢侈,五室。因为一开始有三室,后来说不对,里面排不下,健身房排不下。这个有淋浴、马桶,每个房间都有不同的东西。我们发现整个智能市场非常大,2020年全球有500亿连接设备,市场规模达到7.1万亿美元。智能家居市场会达到3500亿。未来这么多家居市场,未来的锅碗瓢盆,枕头都在智能化,也许明年我们会推出Coding猴这样的靠背,挑战一下谁是东半球最好的靠背。


因为你的屏幕很可能是没有屏幕,没有输入设备的,怎么跟这个进行交互呢?这个时候就需要App,这个设备本身运行的HTML5的设备投放到第三方的屏幕上去显示它的操作界面。目前来看,我们在智能的领域,我们看京东的App和阿里的App,它成为超级App。当然我们自己也做了自己的App的版本,因为我们做了产品越来越多,帮助其他产品和厂商合作的越来越多,所以我们做了这样的产品。在这里有一个潜在的需求,由于我们是提供核心技术的厂商,大部分是由第三方进行设置的。所以每个产品有什么样的功能,并不是由我们核心技术提供方提供的,需要由第三方厂商定义它的空调冰箱有什么功能,如何进行操作,这个功能要集合到超级App当中。这个最上面要给第三方厂商提供开发接口,实现调用。这部分开发、部署、下载,整个的审核过程中不是由苹果,也不是由安卓的渠道去控制的,实际上由平台这个Web运营的来控制的,比如说刚才的京东、阿里,我们构建的平台体系。这个App属于谁,就有权去按照它的规则运营。这个和微信的平台非常接近,而在超级App当中,大家可以以WebApp的方式下载你所需要的家电放到这里面。所以我们看到这样的界面,这是截的京东的图,如果说这样的图对HTML5是非常容易的一件事情。我觉得这块可能是因为,我了解到仅仅在做智能电商的,小品牌的智能电视品牌,没有品牌的就有一千多家,我说的是电视。当它走向智能的时候,它有多大的需求开发页面呢?这个市场也许没有公众微信平台多,但是至少这个方面也是HTML5需要服务的领域,在广告传媒之外还有这样一个功能性地需求,所以我们可以挖掘一下这个市场的需求。


最后一部分,我们总结一下HTML5智能电视入了什么歧途。2011年的电视是自己做的,ABOUT,后来是WARKETS,但是后来我了解到东芝的电视发展也不好,为什么电视专场的企业一直对HTML5不温不火的状态,以什么样的视角来看呢?第一就是说这些厂商主要选择HTML5的原因,第一不希望被安卓控制,实际上电视的安卓系统是收费的,不是免费的。所以更多的厂商是在SmartTV切换的时候,专区的是HTML5开发角度的红利。第二个,很难平衡性能与硬件的成本。当时我们做第一款电视的时候,是一个800赫兹的单核的处理器,内存25兆,所以我们大量地时间都在优化代码,砍掉性能达不到的功能。但是2012年的时候乐视的超级电视就发布了,直接是四核1.7G的,这是两种电视厂商运作的手法。当你的核心盈利点还是赚钱硬件的毛利说,你一定没有办法在Web技术没有达到非常好之前,或者核心的加速达不到更好地硬件的情况下,能够赚取更好的利润。所以导致Web的程序一直在比较弱的平台上运行。但是今天看到安卓4.0的手机平台绝大部分都没有问题了。


最后一个问题,卖硬件与做生态有什么区别。前一段时间有金融中心的主任分析乐视的生态。乐视去年2012年盈利大幅度下降,很大的原因就是电视上智能终端卖得太多了,本身又不盈利,导致乐视的盈利下降。所以他认为不是很好的模式,没有办法支撑乐视的发展。但是除了乐视之后,我们知道今年的yutuo,实际上现在做电视的方案就跟做手机差不多。反而是说上面这个系统,如果有一家厂商想去HTML5来做,我们知道LG还没有推出特别好的Web的电视。我比较喜欢下面这一句话,因为有一次乐视的彭总去演讲,他说一切不以内容和服务为目的的企图都是耍流氓,你最终是销售一个硬件的话,在这个时代真是要用这三个词形容了。


那么HTML5和Web到底给大家什么机会呢?其实在不同的终端基础上,给大家有一次设备制造商和操作系统厂商之上的第三方生态。其实它完成了自己的生态布局,车也有机会,电饭锅也有机会,物联网生态都是有机会的。如果它没有屏幕你也是可以把它运行的效果,以全屏的方式或者代码的方式传到有屏的地方显示出来。我们目前努力的方向上,希望未来的插排、插座或者这种中控机等等,都有机会运行,我们也在做这方面的努力,希望明年的时候能给大家一个好的消息。我的演讲内容完了。由于我们产品本身还在原形阶段,还在内测阶段,送女生吧,希望后期有一些采集数据作为测试的内容,如果需要的女生可以上前,加一下微信。