YouTube home #HappyBirthdayYouTube


CubicVR 3D Engine WebGL BeatDetektor Visualizer Demo #3





Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Uploaded on May 17, 2010

All runs in real-time with Javascript, WebGL and HTML5 only (uses Minefield Audio build) -- no browser plugins are used.

This demo combines the CubicVR 3D engine on WebGL ( with the Mozilla HTML5 Audio API (, Processing.js ( and BeatDetektor.js (

Mozilla Audio API is used to sample the HTML5 audio tag on the page, this information is processed by BeatDetektor.js which produces timing information for the Processing.js real-time canvas textures and the CubicVR.js procedurally generated WebGL scene using them.

The camera is set to free roam a simple chase pattern with a probability to follow a nearby cube (fully automated).

Available online at:

You can also try out BeatDetektor on your iPhone to detect BPM using the built-in microphone, works great on iPad as well:

you can find more info about audio api-enabled Minefield builds at:

You can also feel free to chat with us about the Audio API via the #audio channel on


When autoplay is enabled, a suggested video will automatically play next.

Up Next

to add this to Watch Later

Add to

Loading playlists...