Witam.
Mam niewiele doświadczenia jeśli chodzi o technologie web'owe dlatego zgłaszam się do Państwa o pomoc. Otóż mam do zrobienia odtwarzacz audio z equalizerem i playlistą. Znalazłem w internecie skrypt do equalizera ale nie potrafię dorobić do tego playlisty. Byłbym niezmiernie wdzięczny za pomoc.
Oto skrypt equalizera:

[HTML] pobierz, plaintext 
    <div><canvas id="equaliz" width="512" height="300"></canvas></div>
    <audio controls preload="auto"
           id="audio-element"
           src="song1.mp3"
           style="width: 512px;">
    </audio>
    <script>
      var canvas = document.getElementById('equaliz'),
          ctx = canvas.getContext('2d'),
          channels,
          rate,
          frameBufferLength,
          equaliz;
 
      function loadedMetadata() {
        channels          = audio.mozChannels;
        rate              = audio.mozSampleRate;
        frameBufferLength = audio.mozFrameBufferLength;
 
        equaliz = new FFT(frameBufferLength / channels, rate);
      }
 
      function audioAvailable(event) {
        var fb = event.frameBuffer,
            t  = event.time, /* unused, but it's there */
            signal = new Float32Array(fb.length / channels),
            magnitude;
 
        for (var i = 0, fbl = frameBufferLength / 2; i < fbl; i++ ) {
          // Assuming interlaced stereo channels,
          // need to split and merge into a stero-mix mono signal
          signal[i] = (fb[2*i] + fb[2*i+1]) / 2;
        }
 
        equaliz.forward(signal);
 
        // Clear the canvas before drawing spectrum
        ctx.clearRect(0,0, canvas.width, canvas.height);
 
        for (var i = 0; i < equaliz.spectrum.length; i++ ) {
          // multiply spectrum by a zoom value
          magnitude = equaliz.spectrum[i] * 4000;
 
          // Draw rectangle bars for each frequency bin
          ctx.fillRect(i * 4, canvas.height, 3, -magnitude);
        }
      }
 
      var audio = document.getElementById('audio-element');
      audio.addEventListener('MozAudioAvailable', audioAvailable, false);
      audio.addEventListener('loadedmetadata', loadedMetadata, false);
 
      // FFT from dsp.js, see below
      var FFT = function(bufferSize, sampleRate) {
        this.bufferSize   = bufferSize;
        this.sampleRate   = sampleRate;
        this.spectrum     = new Float32Array(bufferSize/2);
        this.real         = new Float32Array(bufferSize);
        this.imag         = new Float32Array(bufferSize);
        this.reverseTable = new Uint32Array(bufferSize);
        this.sinTable     = new Float32Array(bufferSize);
        this.cosTable     = new Float32Array(bufferSize);
 
        var limit = 1,
            bit = bufferSize >> 1;
 
        while ( limit < bufferSize ) {
          for ( var i = 0; i < limit; i++ ) {
            this.reverseTable[i + limit] = this.reverseTable[i] + bit;
          }
 
          limit = limit << 1;
          bit = bit >> 1;
        }
 
        for ( var i = 0; i < bufferSize; i++ ) {
          this.sinTable[i] = Math.sin(-Math.PI/i);
          this.cosTable[i] = Math.cos(-Math.PI/i);
        }
      };
 
      FFT.prototype.forward = function(buffer) {
        var bufferSize   = this.bufferSize,
            cosTable     = this.cosTable,
            sinTable     = this.sinTable,
            reverseTable = this.reverseTable,
            real         = this.real,
            imag         = this.imag,
            spectrum     = this.spectrum;
 
        if ( bufferSize !== buffer.length ) {
          throw "Supplied buffer is not the same size as defined FFT. FFT Size: " + bufferSize + " Buffer Size: " + buffer.length;
        }
 
        for ( var i = 0; i < bufferSize; i++ ) {
          real[i] = buffer[reverseTable[i]];
          imag[i] = 0;
        }
 
        var halfSize = 1,
            phaseShiftStepReal,	
            phaseShiftStepImag,
            currentPhaseShiftReal,
            currentPhaseShiftImag,
            off,
            tr,
            ti,
            tmpReal,	
            i;
 
        while ( halfSize < bufferSize ) {
          phaseShiftStepReal = cosTable[halfSize];
          phaseShiftStepImag = sinTable[halfSize];
          currentPhaseShiftReal = 1.0;
          currentPhaseShiftImag = 0.0;
 
          for ( var fftStep = 0; fftStep < halfSize; fftStep++ ) {
            i = fftStep;
 
            while ( i < bufferSize ) {
              off = i + halfSize;
              tr = (currentPhaseShiftReal * real[off]) - (currentPhaseShiftImag * imag[off]);
              ti = (currentPhaseShiftReal * imag[off]) + (currentPhaseShiftImag * real[off]);
 
              real[off] = real[i] - tr;
              imag[off] = imag[i] - ti;
              real[i] += tr;
              imag[i] += ti;
 
              i += halfSize << 1;
            }
 
            tmpReal = currentPhaseShiftReal;
            currentPhaseShiftReal = (tmpReal * phaseShiftStepReal) - (currentPhaseShiftImag * phaseShiftStepImag);
            currentPhaseShiftImag = (tmpReal * phaseShiftStepImag) + (currentPhaseShiftImag * phaseShiftStepReal);
          }
 
          halfSize = halfSize << 1;
	}
 
        i = bufferSize/2;
        while(i--) {
          spectrum[i] = 2 * Math.sqrt(real[i] * real[i] + imag[i] * imag[i]) / bufferSize;
	}
      };
    </script>
[HTML] pobierz, plaintext 

Dla kogoś doświadczonego zrobienie takiej playlisty zajmie zapewne kilka minut.
Pozdrawiam.

Znalazłem bardzo ciekawą playlistę tylko nie potrafię połączyć tych dwóch skryptów :/
Oto ta playlista: view-source:http://jonhall.info/examples/html5_audio_playlist_example.html
błagam o pomoc

Śmieszne, jest to, że zwyczajne wykonywanie kodu JavaScript jest w świecie nazywane "technologią webową".

Szczerze mówiąc to odradzam Ci robienie takich rzeczy w oparciu o API przeglądarek - to będzie działać tylko w nowszych wersjach Chrome i, z tego co czytałem w Safari. Firefox nie ma Web Audio API (nawet nie wiem czy jest obecne) domyślnie włączonego, a o IE przecież nie ma co mówić.

Lepiej będzie jakbyś znalazł jakiś equalizer wykonany we flashu, z playlistą, inaczej dostępność takiego rozwiązania będzie na poziomie kilku procent.

Twojego przykładu nie mogłem uruchomić z włączonym equalizerem ani w Firefoxie (ponieważ ten kod opiera się o starsze API, które jest dezaprobowane "z ang. deprecated"), ani w Chrome, gdzie w ogóle było nieobecne.

Ewentualnie pomyślałbym o tej bibliotece: http://www.schillmania.com/projects/soundmanager2/

Tyle mogę pomóc ze swojej strony.