十二 24

谷歌就是谷歌,在2011圣诞节来临之际推出了又一Doodle神作。

你可以通过点击六种颜色的按钮点亮Doodle里的字母,之后doodle就开始自己播放《铃儿响叮当》了。同时整个背景也变成黑色,配合闪亮的彩灯,非常漂亮。

面对这么有收藏价值的Doodle,当然要把它扒下来,放在自己博客上炫一下了。

下面是我从Google首页上抠下来的圣诞音乐演奏源代码,去掉了一部分无关代码,在Chrome/FF下测试通过,在IE6下勉强通过,但不知为何没有声音。仅供喜欢这个Doodle的朋友收藏,Google保留所有权利。

Google 圣诞演奏音乐 Doodle 在线演示:

由于整个Doodle比较大,所以你需要至少800px,才能将整个页面展示出来,否则只能像上面的演示那样,一部分内容被遮挡了。

Google 圣诞演奏音乐 Doodle 源代码打包下载:

Google圣诞演奏音乐源代码

只要使用iframe 引用 “index.htm” ,就可以把整个电吉他效果加到你的独立博客或网站中去了。
如,在你的博客中添加如下代码:
<iframe src="/uploads/holiday11/index.html" height="500px" width="800px" style="overflow:hidden" frameborder="0" ></iframe> BSP(博客服务提供商)会过滤大部分HTML代码,所以此方法主要适用于独立博客。

Google 圣诞演奏音乐 Doodle 不发声的解决方案:

你也可以在本地直接打开index.html 来演奏音乐,不过会由于Flash安全设置而无法发声,解决方法:

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

谷歌首页圣诞节音乐演奏Doodle源代码 共有11条评论

  1. 2012年01月31日于1:51 上午
    安以轩
  2. 2012年01月18日于10:25 上午
    小峰
    • 2012年01月18日于3:41 下午
      朱俊
      • 2012年01月21日于10:42 上午
        小峰
  3. 2011年12月24日于8:49 下午
    洛城东华
    • 2011年12月24日于9:25 下午
      朱俊
      • 2011年12月24日于10:44 下午
        洛城东华
        • 2011年12月24日于11:25 下午
          朱俊
      • 2012年01月21日于10:41 上午
        小峰
  4. 2011年12月24日于6:03 下午
    夕阳
    • 2011年12月24日于7:16 下午
      朱俊

留下评论 (设置评论头像