Start playing

Beatbar

Media player that beats in the browser address bar

Usage

The big O inside the address bar represents the current mouse position. Move the mouse pointer on the document to left and right to move O in the corresponding directions. When it appears over the controls, click the mouse button to take an action.

Keyboard shortcuts

Key Description
p / k Previous
n / j Next
Space Play / Pause
Right Seek forward by 5 seconds
Left Seek backward by 5 seconds
Up / Down Increase / Decrease volume

FAQs

Q: How does it work?
A: Beatbar uses soundManager awesomeness to play audio. Using HTML5 and Flash, SoundManager 2 provides reliable cross-platform audio under a single JavaScript API. The player streams audio from SoundCloud using their JS SDK.

Q: Why inside address bar?
A: Because @cameronmcefee and @probablycorey had left this experiment for me. (Read parallex URL and URL hunter)

Q: Source code?
A: Check out annotated source code or explore it on github.