To celebrate Lester William Polsfuss (June 9, 1915 – August 12, 2009) – known as Les Paul who was a legendary jazz guitarist has been his 96th birthday, Google has created a musical doodle which reflects his guitar legacy.
Via this doodle, a guitar like Google logo, you can play and listen, you can also bang out chords and tunes by clicking on the “keyboard” icon.
As the doodle is so awesome, I decided to get the source and keep it forever.
Here comes the online demo and source code of Google doodle guitar for researching and collection, Google owns all rights.
Google Doodle Guitar Online Demo:
Google Doodle Recordable Guitar Online Demo:
Google Doodle Guitar Source Code:
Just use a iframe tag to include the google-guitar.htm or recordable-guitar.htm, you can has the effect in your own site.
My Google Doodle Guitar Has No Sound, Why?
Maybe you will not listen any music when you play this doodle in your local computer for the security reason of flash, after upload these codes to the server, it works OK, and was tested on IE/FF/Chrome .
If you want to play it in local, you can change the flash security settings at http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
Just add the path of guitar11.swf to the Security panel.
67 Responses to “Google Doodle Guitar Demo and Source Code”
Trackbacks:
- December 11, 2011: Google Doodle Guitar Demo and Source Code – Pep's Top Blog | Blackberry or Die™
- January 21, 2012: vahnseifer.com
Aziz asu
hey, this tetris music :
0 889 876 680 987 79086…
sorry, only little
kahHtaveira
oloko guitarrinha lokaa
Artej
How do I add this cool widget in my blogspot? Is there just a complete code I can copy and paste? Thanks.
Pep
You’d better use a iframe to add this code, but it seems blogspot doesn’t support this tag.
As I know, there is not any complete and depend code for this guitar doodle now.
Artej
What’s an iframe?
Artej
Anyway, you mean there is no way to put this widget in blogger?
Pep
iframe is a html tag, many BSP doesn’t support it, so I am afraid you can’t add this in Blogger.
Artej
Well, too bad
. Then how did you add the above in this page?
Wholesaler Galvanni
Had to deliver that almost no remark just to appreciate it once again of these spectacular techniques you’ve provided in this posting. It’s so particularly generous with others as you to deliver unreservedly what most people may have marketed just as one guide to earn some dough in their own business, primarily due to the fact you can have used it in case you wanted. The tactics also acted to turn into easy way to be aware that almost everyone has similar desire just as my to understand greatly more in regards to this condition. I’m sure there are a large number of easier opportunities up front for individuals who read your website post.
pedro
one metalica
dmzg
dmzgi
Kasia
888878878909 88887885 titanic ;D
Uru
hey its really easy what song is this
12143
12154
12765432
776454
Pep
Happy birthday to you?
abhinav
sound is not comming………
Pep
Hey, please reference paragraph “My Google Doodle Guitar Has No Sound, Why?”
lol
ooooooooooh kur**
guest
Hey man, thank you a lot. But Is there a way to remove google search
I just need a record guitar. No need goolge search.
Thank you in advance
Pep
Hi, you can add some css style codes like this:
FORM {
display:block;
overflow: hidden;
width: 0;
height: 0
}
guest
So, Can you gimme a little bit detail? Where must I pust this code in: recordable-guitar.hmt or recordable-guitar.js or make new file style.css and link it to file HMT?
Pep
just add it in recordable-guitar.htm tag <style>that css code……</style> in <head></head>
guest
I did it. Thank you so much for your help.
Pep
u r welcome
bob
Sweet Child O’ Mine: 18540595 18540595 28540595 28540595 48540595 48540595 18540595 18540595
IzaaPL
Pirates of the caribbean
356667 8889776556
356667 8889776556
356668 9990443236
678890 668776556
Koziolek353 Poland
play it:36876097687683 Harry Potter Thame
Ryuzaki
http://goo.gl/doodle/mQKjq
Dupah
Play it: 333 153 153 777 853 153
Pep
Imperial march?
OSAMA
when i uploaded to a server the keyboard is not working ?
what can i do to get it work ,i upload the recordable.htm and the .js file plz help me
OSAMA
solved … it was my fault thank you very much
Rukawa
how can i record longer 30s?
Pep
Hi, 30s is set by the source code of Google, so we can’t record longer than 30s unless we modify the code.
Fawad
Can we chnge link? like Goo.gl To our link?
Pep
Yes, search “http://www.google.com/webhp?” in the recordable-guitar.htm, replace it with your own URL.
Fawad
but i want short url
Fawad
??/
Rukawa
replace with which link?
i replace with my link but it don’t play the record
Rukawa
i fixed it ok by myself.
but how can i record longer 30s?
guest
Hi,
How can I make it work? I changed URL above by “sitename.com” but then it create a new array:
sitename.com/tune=jAARAhRMEAARMhRGjFEWnBGwAA**
and when I open in new tab, it didn’t replay. Just open the guitar
Pep
Try this: http://www.peptop.com/wp-content/uploads/guitar/recordable-guitar.htm?tune=IARwxhHAJMCIiQIwRAnJAcA*
It works on my browser.
guest
So, If I create new folder name guitar then “http://www.google.com/webhp?” -> “http://sitename.com/guitar?” or “http://sitename.com/guitar”.
Pep
I guess it should be http://sitename.com/guitar/recordable-guitar.htm?
guest
Yeppi! Thank you again. It worked
Pep
artsyfartsy76
http://www.google.com/webhp?hl=en&tab=ww
Nagrom
Is it possible to to remove the the google search bar and buttons?
Pep
Yes, you can add some css style codes to the google-guitar.htm like this:
FORM {
display:block;
overflow: hidden;
width: 0;
height: 0
}
Gabriel
Great work! I’m having problems uploading the files to my FTP, so I have temporarily linked to your blog. I hope you don’t mind, I made sure I gave proper credit. Even after I put my own SWF file, I will leave the credit to this blog, because I got the info from here!
Pep
It’ OK.
Have fun with it.
Shin Takamiya
How can I add it to my blog !!
it’s not working !
Pep
Add some codes like this:
<iframe src="/uploads/guitar/google-guitar.htm" height="340px" width="660px" style="overflow:hidden" frameborder="0" ></iframe>But most blog service providers will filter html tags, so it maybe not works on your blogspot blog.
red
thank you very much! awesome google doodle indeed!!!
Bruce
Thanks, works really well. Great piece of software.
Punit
it’s really work…thanks..
Supraja
oh.. ok…
annymouse bitch
suck it bitch im bipolar
Supraja
Hi
Thats real cool piece of software
Congrats 
However pls tell me how to read the .js file
The code is not readable in wordpad despite having wordwrap.
Pls let me know.
Thanks
Supraja J
Pep
The .js file was shuffled and compressed by Google. People always use this way to protect their codes. I’m sorry I don’t know how to make it readable.
Ciul
To read those codes u can try a Javascript beautifier, which is also an online service at
http://jsbeautifier.org/
Best regards,
Ciul
Pep
Hi Ciul, thank you for your message, it’s very useful for those programmers.
iSayme
I downloaded your code,please tell me why it have no sound,but yours have sound.
i use chrome, thank a lot
Pep
Hi, I have updated this post about how to solve the problem of no sound.
Prajakta
hi,
please tell me how to make recording of created tune?
Pep
hi, it seems the doodle can’t record the created tune.
But after some searching, I found something useful, maybe, “Click the compose button at the base of the second “g” and begin recording your own 30 second tribute to one of music’s most innovative pioneers using your keyboard to play specific notes or mouse for virtual strumming. Unfortunately, the recording and sharing aspect appears limited to US Googlers. “
Pep
Hi, Google Doodle updated, I have updated my post too, now we have a recordable guitar