credits www.000.graphics
Hi
I developed this interface for DJ mixing with advanced effects and scratching.
You can try it yourself here. It needs chrome or firefox browser:
http://www.symbioticcube.com/MixBot
I would like to document a little bit the process of making it
The waveform was produced with 'normal' vvvv on a desktop, using the VVVV.Audio nodes.
I also produced the CMS for constructing the HTML for the mixer with all the waveform links and stuff in vvvv. As well as creating a XML file for referencing the filenames for vvvv.js
Then I load vvvv.js in the HTML file and the patch hosting the Audio API and the interface looks liket this
I used pngs for the waveforms 4096x128 resolution. pngs are nicely scalable while jpgs gave a bad look to the scaled waveform. waveform size is under 500kb which is still quite much but i couldnt make a bigger tradeoff. The mp3s are 192kbit dual stream. So it is also a tradeoff in sound quality here.
There is a crossfader, filters delay and you can scratch the audio stream. the scratching effect is actualy a fake scratch achieved with a delay node.
The interface is based on a cms layout of buttons and html5 sliders and partly patched with the Canvas Renderer.
It was a interesting exploration to go that far with those web audio stuff and i must say i am impressed that javascript and vvvv.js can do such things.
it runs mostly in chrome and firefox. in older safari i could not make it run i think its due to webkit has trouble supporting web audio api. so i also have trouble running it as mobile application. which is a little bit of a pitty.
Im happy to hear any input to this topic.
anonymous user login
~2d ago
~2d ago
~9d ago
~11d ago
~13d ago
~16d ago
~16d ago
~23d ago
~30d ago
~30d ago
dude, this is amazing!
wow!