昨天Google 的在线电吉他Doodle 确实又让大家惊喜了一把,“在线弹奏”本来不是什么新奇的东西,但是Google 让它以不同的技术形式出现在了大家想不到的地方,再对比起某些还在用低质GIF 或Flash 动画做节日LOGO 的门户或搜索引擎,这就不仅是技术层面的差距了,而是意识与态度的滞后——敢想敢做。
这种带互动功能的Google Doodle 还没出现过多少,之前同样惊艳登场的Pacman Doodle 就被官方永久保留了下来,昨天的Guitar Doodle 也享受到了同样的待遇,但是,中国用户却只能享受昨天一天。虽然只有一天,网友们也都在纷纷分享各种神曲的简谱,一天时间肯定是不够玩,所以我把它另存了下来,慢慢折腾之,使用方式就不用多说了。
Chrome 和Opera 下的弹奏效果比较好,FireFox 的快速搜索会抢键盘
看代码时发现吉他音效是放在.SWF 文件里的,然后通过JS 调用里面不同的音效,界面上一共10根弦,但有12个音效文件,我也把它提取了出来,最后有MP3下载。怪不得看有网友反映说,鼠标滑动的速度不同,声音也有区别。
据官方博客 的介绍,昨天的Doodle 至少用到了以下技术和服务:
JavaScript、HTML5 Canvas (绘制吉他弦效果)、CSS、Flash (音效)、Google Font API、Goo.gl、App Engine
并且,还为美国用户(IP限制)开放了一项特殊功能——演奏录音分享,将自己的演奏录下来并通过Goo.gl链接分享给别人(题外话,Goo.gl 还没被新浪微博封掉),点击链接后即可自动播放你的演奏。所以昨天中国用户用到的是一个体验版,那个激活键盘按钮本来是“开始录音”按钮,是说在代码里看到还有一个id 为“hplogo-lcd-screen” 的div,但没有内容,原来才是这么回事,完整版的样子其实是下面这样。