当 HTML 5 遇见 Google

Google I/O 的开发者大会,Google 工程副总裁 Vic Gundotra 表示了他们对下一代 HTML 语言,HTML 5 的承诺。尽管 HTML 5 还处在草案阶段,W3C 的委员会还在针对这一草案进行漫长的讨论,然而 HTML 5 已经被广泛实现,或者作为一种实验性的演示,或者已经成为某些 Web 程序的核心。

当 HTML 5 遇见 Google 三联教程

HTML 5 为我们提供了不同的机会,Gundotra 说,他同时提到,在过去的10年,JavaScript 在主流浏览器中的速度已经提升了接近100倍,这大大改善了 Web 程序的速度。Gundotra 还提供了多个 HTML 5 演示,包含一个使用 HTML 5 实现的 YouTube 页,所有的视频播放均以 HTML 5 实现。

Gundotra 说,现在的视频,问题在于有甚多东西是我们所不能控制的,HTML 5 为我们提供了一个 <video> 标签,就像使用 <img> 标签一样简单。

Demo 中还有一个使用 JavaScript 实现的移动跟踪视频程序,全部使用 HTML 实现视频播放。一个妇女在摄像机前面走过,JavaScript 实时对她的图像进行跟踪,在她身体不同部位用方框标识出来。过去,这类应用通常会让浏览器崩溃或失去反应,但 HTML 5 的 “web workers”后台处理能力很强,浏览器在该程序运行期间几乎看不到任何卡的现象。这个演示赢得全场4000个与会者的热烈鼓掌。

另一个 Demo 是类似 Doom 的第一人称设计游戏, 全部由 JavaScript 和 HTML5 的 Cavas 矢量图引擎实现。Gundotra 还演示了一个基于 canvas 的 Google Analytics 应用,2D 图表可以实时缩放,还有一个完全基于 HTML 5 和 JavaScript 的 3D 海滩镜像,翻涌的海浪,跳动的火炬,随风摆动的棕榈树。

Gundotra 演示的主题为,Google 倍感兴奋的 5 个 HTML 5 部件,它们是 Canvas, Video, web workers, geolocation, app 缓存, 以及数据库访问。

最新的 Android 浏览器以及即将发布的 Mobile Safari 移动浏览器会支持部分  HTML 5 功能,因此 Google I/O 上也提供了移动演示。演示中,一个 Gmail 用户在没有网络连接的状态下,使用移动浏览器中访问自己的邮件,利用的是 HTML 5 的离线数据库功能,另外一个演示是,一个 iPhone 用户在 Google Latitude 中更新自己的地理位置信息,最新的 iPhone 软件将支持 HTML 5 的 geolocation 地理信息功能。

HTML 5 获得 Google 的青睐并不奇怪,Web 是 Google 的核心,任何让 Web 程序更快,更好,更实用的技术都在 Google 那里得到支持,只要这种技术够开放。不过,事情也并非始终乐观,很多文章指出,微软的最新浏览器 IE8 不支持 HTML 5 的绝大多数功能,包括视频播放,Canvas,以及 Web workers。

微软的回应是,对于那些未经测试的技术应该抱谨慎态度,然而更接近事实的解释恐怕是,微软在自己的 Silver light 中有自己的播放技术。微软曾发誓将支持 HTML 5,但同时表示那将是很远的事。然而 Gundotra 的演示却显示,HTML 5 已经长大,所有别的浏览器都在这方面努力作为,这对微软或许会是一种触动。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Js正则表达式过滤特殊字符、表情的实例代码: let ret = "12312ffds#¥@¥#%^***(()))*)).`@%@¥@¥", val = this.customDeviceName;//特殊字符过滤let pattern = new RegExp("[`~!@#$^*()=|{}':;',\\[\\]./?~!@#¥……*()——|{}【】‘;:”“'。,、?]
1、htmlshiv.js Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用
HTML5 火的正热,最近有个想法也是要用到HTML的相关功能,所以也要好好学习一把。 好好看了一下Canvas的功能,感觉HTML5在客户端交互的功能性越来越强了,今天看了一下Canvas绘图,下边是几个实例,记下以备后用。 1、使用Canvas绘制直线: !doctype html ht
响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢?这里我们需要借助这
近日,微软宣布开源Chakra的核心组件。Chakra是微软新一代浏览器 Microsoft Edge的JavaScript引擎。相关代码将于2016年1月上传到微软的GitHub账号,项目名称为 ChakraCore,遵循MIT许可协议。 ...,HTML5中国,中国最大的HTML5中文门户。
这篇文章报道的不是“新闻”,因为W3C早已开始着手CSS变量方面的工作。至于Google,则要追溯到11月初,当时该公司主要开发人员之一的Addy Osmani宣布了率先在Chrome Canary中引入对CSS变量的支持。 ...,HTML5中国,中国最大的HTML5中文门户。