JS1k 2015 - 2122 - Details - A hyped JavaScript golfing competition

A=new AudioContext;G="charCodeAt";d=document;U="keyup";a="keydown";Q=d["on"+U]=d["on"+a]=function(e){c=e.keyCode;t=e.type[5];if(E=d.getElementById(c)){E.style.border=t?"inset":"outset";O[c][(t?"":"dis")+"connect"](A.destination)}};W=50;w=33;O={};P=Math.pow;f="BNMBBNMBMQWMQWWEWQMBWEWQMBBXBBXB";F="TYUTTYUTUIOUIOOPOIUTOPOIUTTWTTWT";X="ZSXDC!VGBHNJM!Q2W3E!R5T6Y7U!I9O0P22222222224224111122111122224224";T=setTimeout;q=t=1000;z="Q({keyCode:";y=",type:'";for(i=j=0;i<w;i++){x=a+"'})";c=z+f[G](i)+y;D=z+F[G](i)+y;T(Y=c+x,t);T(Y,t+q*8);T(Y=D+x,t+q*4);T(Y,t+q*12);t+=X[i+w]*250;x=U+"'})";T(Y=c+x,t-w);T(Y,t+q*8-w);T(Y=D+x,t+q*4-w);T(Y,t+q*12-w);C=X[G](i);if(C>w){L=(i/2|0)*W+W;H=W;Z="ffd";if(i%2){H=w;L+=w;Z="666"};p=" style=position:absolute;bo";b.innerHTML+="<p id="+C+p+"rder:outset;left:"+L+"px;width:"+H+"px;height:"+6*H+"px;background:#"+Z+";z-index:"+i%2+"><b"+p+"ttom:0px>"+X[i];O[C]=o=A.createOscillator();o.frequency.value=262*P(P(2,1/12),j++);o.start()}}

Description

A polyphonic piano based on web audio API. Use your computer keyboard to play the piano. Also, plays a 4-part rendition of the popular canon Frere Jacques. Works in Chrome, Firefox, Opera, Vivaldi, but not IE.

Base64 encoded

QT1uZXcgQXVkaW9Db250ZXh0O0c9ImNoYXJDb2RlQXQiO2Q9ZG9jdW1lbnQ7VT0ia2V5dXAiO2E9ImtleWRvd24iO1E9ZFsib24iK1VdPWRbIm9uIithXT1mdW5jdGlvbihlKXtjPWUua2V5Q29kZTt0PWUudHlwZVs1XTtpZihFPWQuZ2V0RWxlbWVudEJ5SWQoYykpe0Uuc3R5bGUuYm9yZGVyPXQ/Imluc2V0Ijoib3V0c2V0IjtPW2NdWyh0PyIiOiJkaXMiKSsiY29ubmVjdCJdKEEuZGVzdGluYXRpb24pfX07Vz01MDt3PTMzO089e307UD1NYXRoLnBvdztmPSJCTk1CQk5NQk1RV01RV1dFV1FNQldFV1FNQkJYQkJYQiI7Rj0iVFlVVFRZVVRVSU9VSU9PUE9JVVRPUE9JVVRUV1RUV1QiO1g9IlpTWERDIVZHQkhOSk0hUTJXM0UhUjVUNlk3VSFJOU8wUDIyMjIyMjIyMjI0MjI0MTExMTIyMTExMTIyMjI0MjI0IjtUPXNldFRpbWVvdXQ7cT10PTEwMDA7ej0iUSh7a2V5Q29kZToiO3k9Iix0eXBlOiciO2ZvcihpPWo9MDtpPHc7aSsrKXt4PWErIid9KSI7Yz16K2ZbR10oaSkreTtEPXorRltHXShpKSt5O1QoWT1jK3gsdCk7VChZLHQrcSo4KTtUKFk9RCt4LHQrcSo0KTtUKFksdCtxKjEyKTt0Kz1YW2krd10qMjUwO3g9VSsiJ30pIjtUKFk9Yyt4LHQtdyk7VChZLHQrcSo4LXcpO1QoWT1EK3gsdCtxKjQtdyk7VChZLHQrcSoxMi13KTtDPVhbR10oaSk7aWYoQz53KXtMPShpLzJ8MCkqVytXO0g9VztaPSJmZmQiO2lmKGklMil7SD13O0wrPXc7Wj0iNjY2In07cD0iIHN0eWxlPXBvc2l0aW9uOmFic29sdXRlO2JvIjtiLmlubmVySFRNTCs9IjxwIGlkPSIrQytwKyJyZGVyOm91dHNldDtsZWZ0OiIrTCsicHg7d2lkdGg6IitIKyJweDtoZWlnaHQ6Iis2KkgrInB4O2JhY2tncm91bmQ6IyIrWisiO3otaW5kZXg6IitpJTIrIj48YiIrcCsidHRvbTowcHg+IitYW2ldO09bQ109bz1BLmNyZWF0ZU9zY2lsbGF0b3IoKTtvLmZyZXF1ZW5jeS52YWx1ZT0yNjIqUChQKDIsMS8xMiksaisrKTtvLnN0YXJ0KCl9fQ==

Original source

A=new AudioContext
G="charCodeAt"
d=document
U="keyup"
a="keydown"
Q=d["on"+U]=d["on"+a]=function(e){c=e.keyCode
t=e.type[5]
if(E=d.getElementById(c)){E.style.border=t?"inset":"outset"
O[c][(t?"":"dis")+"connect"](A.destination)}}
W=50
w=33
O={}
P=Math.pow
f="BNMBBNMBMQWMQWWEWQMBWEWQMBBXBBXB"
F="TYUTTYUTUIOUIOOPOIUTOPOIUTTWTTWT"
X="ZSXDC!VGBHNJM!Q2W3E!R5T6Y7U!I9O0P22222222224224111122111122224224"
T=setTimeout
q=t=1000
z="Q({keyCode:"
y=",type:'"
for(i=j=0;i<w;i++){x=a+"'})"
c=z+f[G](i)+y
D=z+F[G](i)+y
T(Y=c+x,t)
T(Y,t+q*8)
T(Y=D+x,t+q*4)
T(Y,t+q*12)
t+=X[i+w]*250
x=U+"'})"
T(Y=c+x,t-w)
T(Y,t+q*8-w)
T(Y=D+x,t+q*4-w)
T(Y,t+q*12-w)
C=X[G](i)
if(C>w){L=(i/2|0)*W+W
H=W
Z="ffd"
if(i%2){H=w
L+=w
Z="666"}
p=" style=position:absolute;bo"
b.innerHTML+="<p id="+C+p+"rder:outset;left:"+L+"px;width:"+H+"px;height:"+6*H+"px;background:#"+Z+";z-index:"+i%2+"><b"+p+"ttom:0px>"+X[i]
O[C]=o=A.createOscillator()
o.frequency.value=262*P(P(2,1/12),j++)
o.start()}}

JS1k: The JavaScript code golfing competition

2015 - The JS1k hype train is real!

Polyphonic Piano