CubicVR 3D Engine WebGL BeatDetektor Visualizer Demo #3

Loading...

Sign in or sign up now!
Alert icon
Upgrade to the latest Flash Player for improved playback performance. Upgrade now or more info.
46,558
Loading...
Alert icon
Sign in or sign up now!
Alert icon

Uploaded by 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 (www.cubicvr.org) with the Mozilla HTML5 Audio API (hacks.mozilla.org), Processing.js (www.processingjs.org) and BeatDetektor.js (www.beatdetektor.com)

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:

http://cubicvr.org/CubicVR.js/bd3/BeatDetektor3HD.html

You can also try out BeatDetektor on your iPhone to detect BPM using the built-in microphone, works great on iPad as well:
http://itunes.apple.com/ca/app/beatdetektor/id349889813?mt=8

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

https://wiki.mozilla.org/Audio_Data_API

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

Category:

Science & Technology

Tags:

License:

Standard YouTube License

  • likes, 4 dislikes

Link to this comment:

Share to:

Uploader Comments (cjcliffe)

  • Rampant beats... I haven't heard that since I had the subs in the beater..... good times.....

  • @rallen11 lol, yup it's an old track of mine, I should send you another copy of the one track I wrote specifically for your car's stereo :)

  • Crazy! You need to put this somewhere public!

  • @wikedcurly video comments have been updated with the URL's

see all

All Comments (14)

Sign In or Sign Up now to post a comment!
  • bookmarked :D really good job!

  • i could see a video dj using this in a show

  • acid trip... but cool!

  • Auch my eyes.

  • HEY, it's "TENORI LAND"! nice visualizer! Does this do VGA out on iPAD, btw?

  • @cjcliffe I think i still have that disk that we burned somewhere. I'll see if I can dig it up.

  • @onclet0m You can find a collection of my tracks on reverbnation (.com)'svia the music page on my website at cubicvr (.org) (sorry youtube doesn't allow links in comments :)

Loading...

Alert icon
0 / 00Unsaved Playlist Return to active list
    1. Your queue is empty. Add videos to your queue using this button:
      or sign in to load a different list.
    Loading...Loading...Saving...
    • Clear all videos from this list
    • Learn more