`
daniel_tu
  • 浏览: 188203 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Google首页电吉他Doodle

    博客分类:
  • Web
阅读更多


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

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

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

Google 电吉他 在线演示:

 

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

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

 

录音以后会出现类似 “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

 

分享到:
评论

相关推荐

    Google首页电吉他Doodle源码

    标题 "Google首页电吉他Doodle源码" 涉及的是Google在其首页上展示的一款特别设计的互动式电吉他动画,通常称为"Doodle"。Doodles是Google为了纪念重要人物、事件或节日而制作的创意搜索logo。在这个特定的Doodle中...

    Google首页电吉他Doodle源代码

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

    Google首页电吉他Doodle源码.zip

    为了纪念电吉他之父莱斯·保罗诞辰96周年,Google首页的Logo被设计成一个电吉他,并且鼠标滑过会弹出美妙的音乐,当你按下键盘图标时,还可以直接用键盘弹奏这个“电吉他”。 Google 电吉他谱子:(挑几首简单的,...

    google电吉他logo

    总的来说,这个压缩包提供了谷歌电吉他Doodle的完整实现,包括前端的HTML、CSS和JavaScript代码,以及必要的图像和动画资源。对于想要学习网页开发、互动设计和Doodle制作的人来说,这是一个宝贵的实践案例。通过对...

    Google首页电吉他Doodle特效代码

    为了纪念电吉他之父莱斯保罗诞辰96周年,Google首页的Logo被设计成一个电吉他,并且鼠标滑过会弹出美妙的音乐,当你按下键盘图标时,还可以直接用键盘弹奏这个电吉他。 Google 电吉他谱子:(挑几首简单的,先按下...

    google电吉他源代码

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

    在线弹吉他(Google首页电吉他源代码)

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

    10个有趣的谷歌特效.docx

    6. **Google Guitar**:为纪念电吉他之父Les Paul的诞辰,谷歌将首页Logo设计成电吉他的形状,鼠标滑过会发出音乐,用户还可以通过键盘演奏。 7. **Google Mentalplex**:2000年愚人节,谷歌声称能通过MentalPlex...

Global site tag (gtag.js) - Google Analytics