Google首页电吉他Doodle源代码

为了纪念电吉他之父莱斯·保罗(Les Paul,1915年6月9日-2009年8月13日)诞辰96周年,GoogleDoodle又出神作,首页的Logo被设计成一个电吉他形,并且鼠标滑过会弹出美妙的音乐,当你按下键盘图标时,还可以直接用键盘弹奏这个“电吉他”。

弹了几下,发现自己很有音乐天赋呢,于是决定保存下来,永久收藏。

下面是我从Google首页上抠下来的电吉他源代码,去掉了无关代码,仅供喜欢这个Doodle的朋友收藏,Google保留所有权利。

Google 电吉他 在线演示:

[iframe /demo/google-guitar/google-guitar.htm 100% 320px]

Google 6月10日再度更新,在www.google.com推出了带录音回放功能电吉他,按下原来的键盘图标就可以,弹完以后再按一次,点播放键。

带录音回放功能的 Google 电吉他 在线演示:

[iframe /demo/google-guitar/recordable-guitar.htm 100% 320px]
录音以后会出现类似 “http://www.google.com/webhp?tune=EAwiYAgkBETAQmAgJAA*”这样的直接播放URL,把“http://www.google.com/webhp” 替换成你自己的电吉他URL,同样可以自动播放。

Google 电吉他 源代码打包下载:

Google电吉他源代码
上面压缩包中已经包含了新的带录音回放功能的电吉他(recordable-guitar.htm)和老的电吉他(google-guitar.htm)。

只要使用iframe 引用 “google-guitar.htm” 或者 “recordable-guitar.htm” ,就可以把整个电吉他效果加到你的独立博客或网站中去了。
如,在你的博客中添加如下代码:

<iframe src="/uploads/guitar/google-guitar.htm" height="340px"width="660px" style="overflow:hidden" frameborder="0"></iframe>

BSP会过滤大部分HTML代码,所以此方法主要适用于独立博客。

Google 电吉他 不发声的解决方案:

当然你也可以在本地直接打开 google-guitar.htm 或 recordable-guitar.htm 来弹奏吉他,不过会由于Flash安全设置而无法发声,解决方法:

  1. 上传全部六个文件到服务器,然后用网址的形式打开,可以正常发声,通过IE/FF/Chrome测试。
  2. http://www.macromedia.com/support/documentation/cn/flashplayer/help/settings_manager04.html
    打开全局安全设置面板,在这个页面上会加载本地的Flash设置,选择“编辑多个位置–添加位置”,将guitar11.swf所在文件夹加入到信任路径里,就可以本地播放了。(感谢网友Top Fun留言)
  3. 在本地用浏览器打开guitar11.swf,右键–全局设置–高级–受信任位置设置,找到并添加guitar11.swf即可。(感谢网友罗汉果提供)

 

Google 电吉他 谱子:

网友们(找不到最原始出处,抱歉)提供了好多谱子呢,这里挑几首简单的,先按下键盘图标,然后用键盘弹,记得关闭输入法。

两只老虎 (我的最爱^_*)TYUT TYUT UIO UIO OPOIUT OPOIUT UWT UWT

沧海一声笑POUYT UYTEW WEWETYUOP PPOUYTY

隐形的翅膀358787 6568321 11186532122 358787 6568321 1118653211

天空之城(优美) 6787807 365685 254573 874477 6787807 365685 34878908 876756 1232352 5878007 678789855 43213 376321 21253 376321 21276