Hey! We highly recommend you launch this experiment in Google Chrome. It may run slower, or not at all, in other browsers.
3D representation of the music playing. A blue box determine the position of the signal being sent to your speakers.
Can you redo this using the HTML5 audio API? I looked at http://www.htmlfivewow.com/slide55 and they said you can now analyse audio via the HTML5 audio API.
as soon as i loaded this up, my pc crashed with a bluescreen.....
xP1v0tX - LOL :P
I rather enjoyed this one - The only tiny complaint that i have is, that it's about 1 ms out of sync or something :/ But only at times.
Music under the name slumber.I would like to download his PC.Good music!
This is awesome! The music is pretty cool too :) Thanks for making this.
The music should loop. It just stops at the end.
whoa, uses way too much CPU
Great effing experiment, I'm incorporating a similar implementation into my portfolio - creds and props to Mr doob.
Is it supposed to be the voltage variation represented as a visual change on the screen?
what program do you use to make things like this
Awesomeness, the array is huge... well, still awesome.
Nice work! ;)
Nice work :-))
Pure awesomeness... Tested it with Safari 4 on Mac, and it works perfectly!
Love this conceptual thing, Can wait to start interacting with these experiments more in the future, I'm off to download processing..
Why do you need processing?
Another great tool to help music learners. Let users turn on a beat meter and/or key detector in the UI?
No audio, waveform, or blue line. Just a black line that follows your cursor a little. Chrome 126.96.36.199, Windows 7.
@Mr.Russell, the waveform data is hard-coded into the script as an array, so no code was there to actually parse the audio stream.
if you could totally generalize this type of visualization to any music that would be awesome-sauce!
I think there may be a good starting point in looking at the Discrete Fourier Transform of the audio signal =)
this is freaking cool.
Where does your inspiration comes from?
Not only for this one, i mean, all your experiments. lmao.
Where DOESN'T my inspiration come from. ;)
Doesn't do anything in Chrome 188.8.131.52, you only see a black 'stick' that moves a little when you move your mouse over the screen but that's all, no movement of itself, no music, no blue. Does work in firefox
It works fine here with 184.108.40.206 (Ubuntu 9.10).
Do you think you could get this to work as a visualization to whatever music is coming through the speakers? And possibly invert the colors (black instead of white, white instead of black)?
1. Visualise whatever music is coming through the speakers.
2. Invert the colors (black instead of white, white instead of black).
make the colors change the music. and maybe make the wave color change more than just blue
What about the new File API? Couldn't you use that??
You could, in a few months, but you couldn't access the sound spectrum anyway.
i have NNNNNNNNOOOOOOOOO audio.Why dont I??????????????????
No idea... specifying which browser and version would help.
I have no audio in Chrome 220.127.116.11, but it works fine in Safari 4.0.3 (531.9.1)
wow, cool. I like your experiments.
there is no audio for me
Can it be made to play other tracks, or is it hardcoded to the current one? I tried to hack together on my own little test with another track, but it only plays different audio; the wave form doesn't change.
As you will see on the source code, the waveform data is hardcoded.
Regardless, I really like this (hence my curiosity).
It is not hard. You can find the python code I used on my blog:
It just won't be automatic as this is a process that you need to execute at least once per track. Whether it's locally or on your server.