If this doesn't work for anyone else, note that beatbar relies on soundcloud, and thus flash. I had flash blocked so was getting a javacript error because beatbar was undefined, enabled flash and it worked.
This is using the Ajax-era hash hack to change URL, which is causing problems with history and makes the reload button and favicon flash.<p>I'd suggest using HTML5 history, specifically replaceState(). It works on all modern browsers. Works on IE10, but not IE9 and below. If you want to support IE, you could fall back to the current location.replace().
every once in a while one bumps into something fairly useless(no disrespect) but insanely creative wow-&-smile-inducing piece of code here on HN. thanks for this. more power to you.
This is the biggest "wow" I've seen in a long time for something that was otherwise completely useless. The ultimate definition of a hack. Absolutely awesome.
You could use unicode for the controls. I modified the local code to use "‖" (and, due to a bug I guess, the chrome address bar became monospaced). If you need, check some reference on <a href="http://copypastecharacter.com/all-characters" rel="nofollow">http://copypastecharacter.com/all-characters</a> and <a href="http://graphemica.com/" rel="nofollow">http://graphemica.com/</a>
On a slightly different note, I liked the choice of font for the main text. The font is Varela Round, from Google Webfonts. (<a href="http://www.google.com/webfonts/specimen/Varela+Round" rel="nofollow">http://www.google.com/webfonts/specimen/Varela+Round</a>)