AMD ES/HTML 5 Spectrum Analyser Audio Visualisation Widget

<script data-main="lib/config" src="bower_components/requirejs/require.js"> </script> <script> require(['SpectraWidget'], function (Spectra) {}); </script> <div class="spectra" data-uri='samples/ouds/oud1.wav' data-height=333 data-width=999 data-playable='true' data-fftsize=2048 data-smoothingtimeconstant=0 data-palettefrom=true data-stepy=4 data-graphwaveform=false > </div>
<script data-main="lib/config" src="bower_components/requirejs/require.js"> </script> <script> require(['SpectraWidget'], function (Spectra) {}); </script> <div class="spectra" data-uri='samples/ouds/oud1.wav' data-height=333 data-width=999 data-playable='true' data-fftsize=512 data-smoothingtimeconstant=0 data-stepy=4 > </div>
<script data-main="lib/config" src="bower_components/requirejs/require.js"> </script> <script> require(['SpectraWidget'], function (Spectra) {}); </script> <div class="spectra" style="height:100px;width:100px" data-playable='true' data-fftsize=512 data-monochrome=89 data-smoothingtimeconstant=0 data-stepy=10 data-color=red data-strokestyle='rgba(20,120,20,0.6)' > </div>
<div class="spectra" style='width:100px; height:100px' data-uri='samples/ouds/oud1.wav' data-playable='true' data-fftsize=2048 data-smoothingtimeconstant=0 data-palettefrom=true data-stepy=14 data-graphwaveform=false > </div>