1

Uncaught RangeError: Maximum call stack size exceeded

function updateAnalysers(id) {

    var canvas = document.getElementById(id);

    canvasWidth = canvas.width;    
    canvasHeight = canvas.height;
    analyserContext = canvas.getContext('2d');

    {
        var fils = Math.round(canvasWidth / 3);
        var byts = new Uint8Array(analyserNode.frequencyBinCount);

        analyserNode.getByteFrequencyData(byts); 

        analyserContext.clearRect(0, 0, canvasWidth, canvasHeight);
        analyserContext.fillStyle = 'GRAY';
        analyserContext.lineCap = 'round';

        var multiplier = analyserNode.frequencyBinCount / fils;

        for (var i = 0; i < fils; ++i) {
            var magnitude = 0;
            var offset = Math.floor( i * multiplier );

            for (var j = 0; j< multiplier; j++)
                magnitude += byts[offset + j];
                magnitude = (magnitude / multiplier) + 2;

            analyserContext.fillRect(i * 3, canvasHeight, 1, -magnitude);
        }
    }

    rafID = window.requestAnimationFrame( updateAnalysers("analyser") );
}

O erro ocorre nesta última linha:

rafID = window.requestAnimationFrame( updateAnalysers("analyser") );

Como corrigilo?

6
  • Essa função está a chamar-se a sí própria em loop, daí o erro....
    – Sergio
    Commented 13/07/2015 às 17:09
  • Ora pois, ela não deveria fazer isto, começou a fazer isto quando eu coloquei-a o parametro "analyser", @Sergio
    – Elaine
    Commented 13/07/2015 às 17:14
  • @Sergio quando eu a deixo apenas assim: rafID = window.requestAnimationFrame( updateAnalysers ); funciona que é uma beleza
    – Elaine
    Commented 13/07/2015 às 17:18
  • Tente substituir rafID = window.requestAnimationFrame( updateAnalysers("analyser") ); por rafID = window.requestAnimationFrame( updateAnalysers(id) ); Commented 13/07/2015 às 17:20
  • Funciona porque estás a passar a função para ser corrida dentro da outra função, quando corres a função dentro de sí própria dá erro.
    – Sergio
    Commented 13/07/2015 às 17:23

1 Resposta 1

4

O erro é porque você está chamando a função dentro dela própria, infinitas vezes, aqui:

rafID = window.requestAnimationFrame( updateAnalysers("analyser") );

Na verdade o requestAnimationFrame espera receber uma referência para uma função, mas em vez de passar uma referência você está invocando a função. Passar a referência seria assim:

rafID = window.requestAnimationFrame( updateAnalysers );

Porém nesse caso você deixaria de passar o parâmetro. Para passar com o parâmetro engessado, você pode fazer um bind:

var funcaoDeUpdate = updateAnalysers.bind(null, id);
rafID = window.requestAnimationFrame( funcaoDeUpdate );

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .