再举个例子来说，这张看起来像照片，但是不是照片，用笔记本上面的鼠标里边走，可以控制，可以在像一个环境，但是整个又在一个网页里面，这样一类应用给我们带来创新的机会是无限多的。比如你可以开一个公司，专门做这样的设计创业，可以让客户看里头虚拟的环境等等。用这样的技术进行创新，它的机会是巨大的。非常方便可以用渲染的技术在网页上做互动的应用，把数据进行这样的显示，也就是大量的数据进行可视化是非常重要的一个创新的理念。现在中国就是大量炒作我们所谓的大数据的应用，其实大数据，如果不能把大量的数据进行这样的可视化，完全是空洞的，虚拟的东西，怎么样把大数据开发出来，开发成让人们看得懂，容易理解的应用，这是非常重要的。 另外就是三棱镜里面的各种颜色，简单的用WebGL可以开发出这种东西，边上是模糊的，有不同的颜色，可以作为这样的效果。这有什么用呢？我这边有一个网页，大家看一下，看起来是照片，但是不是照片，看起来它在动，像录像，但是不是录像，我可以用鼠标转动这个车子，这样一个实体的三维的动画，轮胎上橡胶的效果全部在计算机上可以做到，这样一类的应用，其实创新的机会是最大的。中国有无数多的企业，有无数多的产品，这些产品需要向客户进行介绍，如果把这种产品用这样三维的技术显示出来，让客户在网页上进行动态式的观察，给整个业界带来创新的机会是巨大的。所以，这个是一个非常重要的理念。 这个是另外一个用WebGL进行渲染的技术，这是你们看到水中有几个海蜇在里面流动，它也不是照片，也不是录像，完全靠着计算机运作的方式，可以在网页上做到这样的效果，非常厉害。更有意思的是怎么样把进行渲染的图象仍可以做到动态的，这个是一个很有名的很多年前就有的叫做谷歌body，谷歌几个工人把它做了开发，现在被这个公司买去了，叫做THE THINKERS，这样三维的实体的东西，还可以根据你所需要的进行数字的分析，进行变化。比如说这个人，我可以说，我只看他的肌肉，只看他的骨头，只看他的内脏，只看他的神经。这样一类的应用其实是对做产品的分解，产品在网络上进行展示演示，这一类的开发数字是巨大的。所以，我希望中国的开发者们和中国互联网的业界们应该想到利用这样的技术，怎么样把我们产品在互联网上的创新做的更好。 网络的网页渲染，除了刚才讲的现在还有最近这一两年发展比较快的技术，就是第三个版本的CSS3，它现在里面加上了很多新的图象显示的渲染技术的过滤器，比如对区域，对整张照片进行过滤，比如把各种照片进行模糊的处理，进行合并等等。还可以在照片上打上一个灯光，各种东西是利用代码对网页上的图象进行处理。举个例子，这张照片，Android的LOGO，用一行代码，模糊就可以立即达到这样的效果，在网页上你显示的东西，可以不用事先做各种PS的处理，就可以用CSS的代码加上过滤器的代码做到这样效果。另外，还可以把两种不同效果合并起来，同样一张照片，一行代码就可以达到这样的效果。而且，当两个过滤器前后，前面把蓝色的去掉，后面加上黄色的，如果把这两个倒过来，达到的结果是不一样的。所以，创新的灵活度是非常大的，在这方面进行创新，你们可以想象到的东西都可以利用这样的技术做起来，是非常厉害的技术。 自定义的过滤器可以把整个网页当成一个平面对待，把这个平面当成一个做三维开发的所做的纹理的帖子来处理，还可以进行特别的处理，把整个网页做成一个页面，一片东西来处理。举个例子，这样一张网页，用CSS3的过滤器代码，加上各种顶点，整张网页就像变成一张单行的纸一样，达到这种效果。 这边看一个演示，来自美国的《国家地理杂志》，用了WebGL跟过滤器的技术，描述美国加州国际公约里头有一棵巨大的树，加“总统树”，如果让你设计一个网页设计这棵树，描述这棵树巨大，这张照片可以体现出人跟树相比，树显得非常粗，人很小，但是没有办法显示出这棵树的高。给大家看一下《国家地理杂志》怎么做？这个照片从模糊的变成一个彩色的照片，最主要的是它把这棵树巨大的照片显示这棵树大，就是例如CSS3过滤器，利用WebGL，把整个照片拆成很多片，然后利用动画把整个照片叠加起来，然后做一个动画的处理，给你的感觉是这棵树非常高。你们看到，它照片来了，把一张巨大的照片分成许多小的块块，然后把小的块块叠起来，一直到底部，上面放一个人，给你感觉这棵树这么高，这么大。这样的效果，光靠网页上一张简单的照片没有办法达到这个效果，你网上放一个录像，很多客户可能也没有时间看一个录像，利用CSS3和WebGL的功能可以达到这样的开发。同时，在《国家地理杂志》上面，当我在网页上出现的时候是淡色的，然后慢慢的出现。 我这边介绍这棵树，我可以说，只看这棵树的树干，或者树叶，当然不是很高新的技术，大家看右下角，我按回车键，一张图卷过来，就像书翻过来的效果。用CSS的技术和WebGL技术联合起来就可以达到这样的效果，所以是非常有意思的。 第二个讲一下现在全世界我们正在推广的全世界开源的图象压缩技术，它的技术包括图象的编码，图象的显示和译码，它的最大的优势是大大的降低图象储存和传输的负载，让图象在网页页面的显示上更快，更加绚丽。目前，网页上图象越来越多，这边有一些简单的统计，比方说在一个普通的网页上，代码是200K，图象已经达到800K，是代码负载的4倍。在移动设备上，图象的数量百分比更大，而且网页上超过500K到一兆的图象使用在不断的上升，所以这给很多网站在网页显示上的速度就会显得非常慢，其实中国的很多网页都是带有这样的问题。 我们怎么解决这样的问题呢？WebP这个最新的技术就帮助我们解决这个问题，开源技术可以让更加优化的图象做更好的压缩，可以提供有损无损的压缩，还可以提供动画的，大大的帮助你降低你的应用，你的游戏，它的网络使用的负载，这边有一个简单的压缩的图象的比较，这两张照片，一个是WebP的，上面是JPG的，这张图表是国际上衡量它的精度和传输的负载的一个对比度。红色的是JPG，只要我在某一个图象显示的质量的位置上，红色的JPG所要用到的负载都比绿色的WebP要大，特别是当图象的质量非常高的时候个，90%的时候，红色的JPG所用的负载的文档的大小要超出WebP近乎近一倍，至少40%以上。 所以，你们可以看出来，当两个图象显示效果差不多，如果你用WebP这个技术，可以让你的图象压缩的很小。这有一个对比的效果，JPG和WebP，WebP的尺寸只有400多K，JPG有600多K，这对我们页面调用的更快，使用效果更流畅是非常重要的技术。如果你讲的是有压缩的，跟没压缩的图象比是怎么回事呢？无损耗的图象就是PNG的图象，但是PNG的大小比WebP大近30%以上。所以，你们可以看出来WebP的优势是非常明确的。 举个例子，在美国有一个eBay，跟中国的淘宝差不多，他们用了WebP以后，当一个网页用WebP在0.7的时候，它的网页上的照片几乎都掉完了，可是用JPG照片的现实速度就是非常慢。所以，中国有大量的网站，游戏网站，视频网站，主业上全都是图画，这样的网站都用这样的图画显示，如果用JPG你的网页显示速度就会非常慢，但是用WebP显示速度就会非常高。相比较之下，WebP比用JPG的数量降低近1/3，这是一个非常明显的优势。在移动平台这个优势更加明显，如果手机上的应用开发，你图象的显示用WebP，可以降低近50%的流量，帮助客户可以省钱，也可以帮助你自己的应用在别人的手机上，他打开的时候显示速度会更快，使用的更流畅。谷歌自己大量的产品，网上业务都往WebP转了，大家应该关注这样的技术，以后在全球范围之内，这样的技术会使用越来越多。 还有声音的API，在开源的API包括各种功能，比如可以用客户服务端的机器上麦克风的输入和各种人工的声音做到这个，同时你已有的声音可以用代码进行混合，进行各种处理。同时包含了大量路由器的功能，支持各种音响的效果等等，在这里给大家看一个简单的演示。根据我们网络的连接，我们试试看，很简单的代码，加上一个麦克风，我用笔记本上的麦克风说话，它可以立即录下来，非常明显的语音识别。英文我说了话以后，它把它录下来，而且变成文字。这个技术是很明显的，如果把语音的识别加入到你们网页上可以有大量的创新。这边还可以进行直接的翻译，API你自己开发一个翻译器，通过API把数据流从笔记本，或者任何设备商所得到语音的涉及流进行再次的处理。 |
