HTML5 Google electric guitar graphic code introduction that can be played on the keyboard

This is a creative work from Doodle. It is an electric guitar based on HTML5 Canvas. When we slide the mouse over the strings of the guitar, the electric guitar will make a beautiful sound. What is even cooler is that you can Use the keyboard to play a beautiful piece of music, very powerful HTML5.

Online demo source code download

HTML code

<p id=hplogo border="0">
<p id=hplogo-g>
<p id=hplogo-click onclick=google.doodle.go();></p>
<p id=hplogo-lcd-screen></p>
<p id=hplogo-lcd-icon></p><INPUT id=hplogo-lcd-text 
onclick=this.focus();this.select() readOnly autocomplete="off">
<p id=hplogo-on></p>
<p id=hplogo-led></p>
<p id=hplogot>电吉他之父莱斯·保罗 96 周年诞辰</p></p>
<p 
style="LEFT: -100px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; TOP: -100px; HEIGHT: 0px"><INPUT 
id=hplogo-i></p></p>

JavaScript codes are all compressed, I don’t know if you have them How to sort out the compressed JavaScript code?

The above is the content of the graphic code introduction of HTML5 Google electric guitar that can be played on the keyboard. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!