demordie http://www.ricardmarxer.com/blog demo or die Wed, 26 May 2010 22:04:56 +0000 en hourly 1 http://wordpress.org/?v=3.1.2 Graphic EQ in JavaScript http://www.ricardmarxer.com/blog/2010/05/26/graphical-eq-in-javascript/ http://www.ricardmarxer.com/blog/2010/05/26/graphical-eq-in-javascript/#comments Wed, 26 May 2010 00:15:38 +0000 Ricard http://www.ricardmarxer.com/blog/?p=29 Here is another attempt to working with the experimental Audio API in Mozilla.

Graphic EQ

It’s a graphical equalizer with a configurable number of bands and frequency range.

There’s still quite a lot of work to be done, such as setting up correctly the bands per octave of each filter, add shelving filters at the extremes, better/nicer GUI and logarithmic frequency scale for the filter’s response visualization.

Of course you’ll need a recent build of Mozilla Firefox with the Audio API patch.

Update: embedded video that David Humphrey made.

]]> http://www.ricardmarxer.com/blog/2010/05/26/graphical-eq-in-javascript/feed/ 2 Biquad filter in HTML5 http://www.ricardmarxer.com/blog/2010/05/13/biquad-filter-in-html5/ http://www.ricardmarxer.com/blog/2010/05/13/biquad-filter-in-html5/#comments Thu, 13 May 2010 15:54:12 +0000 Ricard http://www.ricardmarxer.com/blog/?p=6 This is my first attempt at trying out the new web technologies.

The  Biquad Filter is implemented in JavaScript and using the Mozilla Audio API for accessing the audio.  The frequency response is also calculated in JS and plotted using Processing.js and JQuery UI to control the parameters.

You can try it out here.

Remember that you need a firefox build that has the audio API patch applied, you can find them here.

]]> http://www.ricardmarxer.com/blog/2010/05/13/biquad-filter-in-html5/feed/ 0