存档:

文章标签 ‘HTML 5’
1

隐藏在 Bob Moog 模拟合成器纪念 doodle 背后的故事

2012年5月24日

昨天纪念Bob Moog诞辰78周年的doodle又玩出了新花样,你可以直接演奏出歌曲并录音保存Mashable挖掘了一些这个doodle制作的背后故事,很有意思。

为何Google的doodle画师会想到做这么一个玩意出来?因为他们本身就是音乐爱好者。这枚doodle是由Doodle画师Ryan Germick和Google工程师Joey Hurst制作的,用Germick的话说他们想让你“以演奏的形式来向一位极客艺术守护神似的人物致敬”:

Germick是一位超级Bob Moog粉丝,其实Germick和Hurst去年就合作制作了Les Paul吉他doodle。此次他们再度合作,其概念就是在浏览器里重现Minimoog模拟合成器,最初Germick觉得简直没可能实现,但Hurst认识一位家里就有Moog合成器的哥们,对这个项目超级兴奋。

很显然工程师Hurst最终成功了,但过程并不简单。这个doodle完全是用Hurst 20%的Google时间制作的(因为他不是doodle部门的人),从最初想法到最终实现几乎用了四个月,这可能是历史上最复杂的doodle,写了上千行的代码。

Hurst还记得他制作出的第一个版本,Germick觉得它简直弱爆了,但它真的可以发出声音。而且最近才加入到Chrome浏览器里的Web Audio API正好也帮到了他们,这个API使得浏览器可以发出低延迟的高品质声音。不过目前这个API仅被Chrome所支持,所以其它浏览器在访问的时候看到的是Flash版,而非HTML 5。

这个doodle也得到了Bob Moog女儿建立的Bob Moog FoundationMoog Music公司的支持与合作。

如果从技术角度来总结一下的话,这枚doodle用到的技术包括:

最后请看一段视频,是Moog Music公司首席工程师向大家介绍如何玩这枚doodle:

阅读全文...

13

【快乐周末】Google Maps Cube 游戏(3D 杀浏览器)

2012年4月29日

今天Google发布了一个Chrome实验产品:Cube。这是一个利用MapsGL运行在浏览器里的3D游戏,首先给你一副纽约地图,通过鼠标的移动可控制这副3D地图的上下左右位置,你的目标就是把那个表示自己所在位置的蓝色小球移动到红色标记点处(如上图)。你需要精确的控制地图的上下左右空间位置来让蓝色小球按照道路滚动过去,第一关难点在于要让小球穿过布鲁克林大桥。

由于我的老iMac电脑实在卡的一比,所以我玩不下去了(即便我用的是Chrome浏览器,实际上目前除Chrome以外也只有Firefox支持MapsGL),不知道后面每一关还有啥新鲜的元素。如果你玩过去了,不妨留言告诉大家哦。

以前都说邪恶的WinTel联盟每次升级系统就逼大家换电脑,现在看起来只要Chrome出点啥新花样,也可以逼大家换电脑啊……

Via Mashable

2

YouTube 的 HTML 5 播放器也支持视频预览了

2012年4月20日

当YouTube在今年3月支持类似优酷和土豆那样将鼠标停留在播放条就显示预览小图的时候,只支持Flash播放器,而HTML 5播放器如果播放超过90分钟的视频的话就享受不到这个功能。

现在不管是Flash播放器还是HTML 5播放器都可以了,而且HTML 5播放器看起来更像Flash播放器,你几乎看不出什么区别。如果你删除了Flash的播放器,那么YouTube就会自动给你显示HTML 5版本的播放器了,当然你的浏览器必须支持才成。

如果你电脑里装着Flash播放器,当然也可以手动切换到HTML 5版本

Via GOS

作者: 分类: Google技巧, 故事/传闻 标签: , ,
3

Google Music 也增加实验室项目

2012年4月10日

Google喜欢用实验室为自己的产品增加一些小功能,Gmail、Google Calendar、Google Maps等产品都有自己的实验室,如今Google Music也有了,目前有三个功能可以测试:

  • Chrome桌面提醒:通过Chrome的提醒系统告诉你当前播放音乐的歌名、歌手、专辑名字,并显示出专辑封面图片,仅供Chrome浏览器使用(如下图)
  • HTML 5 Audio:不用Flash而用HTML 5的音频播放功能来播放MP3音乐,支持Chrome、Safari 3.1+和IE 9+浏览器
  • 5星投票:为音乐投票

Via GOS

4

【4.1】Google 推出水下搜索,基于 HTML5 的图片搜索引擎

2012年4月1日

Google 简体中文首页今天挂上了一条新闻:

新!Google 推出水下搜索。立即体验

宣传口号为“飘在水里搜索是神马感觉?Google 推出水下搜索!”

水下搜索(Google Underwater)的所有元素都会随着水流浮动,点击鼠标就可以制造波浪。

点击“Google 搜索”后搜索结果会从空中落下,而点击“手气不错”会出现各种金币和宝物。

如果浏览器不支持 HTML5,则会出现“请安装 Chrome 浏览器完美实现”的宣传。

该作品是由休闲游戏厂商 NTFusion 开发的。

via @ntfusion

0

Google 官方推出方便视力受损使用的 Chrome 屏幕阅读扩展 ChromeVox

2012年3月1日

ChromeVox是Google官方推出的一枚Chrome扩展,它可以让Chrome具备屏幕阅读器的功能。跟其它那些辅助性的屏幕软件所不同的是,ChromeVox完全使用HTML 5、CSS和Javascript这些网页技术打造而成,特别使用了W3C标准的ARIA(富互联网应用接入)技术,特别适合长时间使用网页应用来工作的视力受损的朋友。

安装之后你不需要进行任何设置,即可让Chrome浏览器读出屏幕上的所有内容。在Windows系统下,双击Insert键即可切换阅读模式;在OS X系统里快捷键是双击Command键,而在Chrome OS系统里则是双击Search键。

特别需要注意的是,ChromeVox还在测试中,且不支持你自己的屏幕阅读设备,所以使用的时候需要先禁用其它的屏幕阅读软件或设备。

继续观看官方介绍视频:

阅读全文...

4

Chrome OS 即将迎来扩展形式的 HTML 5 屏保

2012年2月29日

Chromium OS在去年年初就内置了HTML 5写的屏保,但后来就一直没动静了,你也无法让它在系统里触发起来。不过最近Chromium OS里又出现了关于屏保的内容,它会在登录界面出现,或是在长时间不动屏幕的时候出现,然后屏保消失的时候会回到登录界面,保证电脑的安全。

最让人兴奋的是,Google似乎决定将Chrome OS的屏保做成Chrome扩展的形式进行发行,这也意味着将来Chrome商店里可能会出现一个“屏保”的新分类,里面就是各种第三方开发者用HTML 5写的网页屏保。

如果你下载最新的Chromium OS,应该已经可以看到唯一的屏保已经被部署进去并可触发出来了。

Via Chrome Story

6

Chrome 开始原生支持直接用 Gmail 打开邮件链接

2012年2月28日

今天如果你用Chrome打开Gmail的话,很可能会看到如上图的提示,问你是否允许用Gmail打开所有电子邮件的链接,就是说今后在Chrome里点击邮件的链接地址后,会自动打开Gmail撰写新邮件的界面。实际上IE和Firefox都允许你选择浏览器默认使用的邮件应用,但Chrome才刚刚可以。

实际上这也并非Chrome新增的一个功能,而是托了HTML 5的福,我们在之前介绍过一个简单的办法,而现在Google将这个办法加入进了Gmail.com的代码里。

如果你后来又不想这么做了,可以进入设置里的高级选项里,再进内容设置,看处理程序部分:

Via Chrome Story

作者: 分类: Google技巧, Google新闻 标签: , ,
0

三个 Chrome 网页应用开发者的新去处

2012年2月14日

首先,网页应用的开发指南更新了,这里可以帮助开发者创造出出色的网页应用。这个指南分设计基础、创建出色的体验的小贴士、应用实例。不管你是第一次开发网页应用,还是想提高自己的应用,都是一个必看的指南。

其次, HTML5Rocks.com也做了更新,增加了三个垂直频道:GamesBusinessMobile

最后,Chrome Developers加入了Google+,你可以圈养之来随时获得新的技术,比如Dart和WebRTC。

Via Chromium Blog

6

用 Offline Wiki 将维基百科离线版搬到 Chrome 浏览器里

2012年1月17日

1月18日,为抵抗SOPA法案,维基百科决定临时下线一天。如果你是不查维基不舒服司机,那么可以提前安装好Offline Wiki这枚Chrome扩展

Offline Wiki使用了HTML 5技术下载所有英文版维基百科到本地存储,让你在没有网络的请看下也可以查找维基百科,它下载的所有数据都被压缩存储,你可以选择存储完全版(1GB)还是精简版(14MB)。

Via Chrome Story