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.