在javascript中的异步递归函数

Question

我想从我的服务器流到客户端的MP3数据。我正在使用Ajax来做这件事。服务器每个请求发送50千字节。我写了两个函数：一个获取mp3数据和一个播放它们。第一个函数需要50千字节，对它们进行解码并将解码数据存储在一个数组中，然后递归地调用它自己。只要数组中的第一个元素填充数据，第二个函数就会开始播放。问题是，这只适用于第一个50千字节，然后才失败。我想要做的是保持我的get_buffer函数运行，直到服务器告诉它没有更多的数据要发送，并保持我的play（）函数播放数据，直到数组中没有更多的元素。

这里是我的两个功能：

function buffer_seg() { 
    // starts a new request 
    buff_req = new XMLHttpRequest(); 

    // Request attributes 
    var method = 'GET'; 
    var url = '/buffer.php?request=buffer&offset=' + offset; 
    var async = true; 

    // set attributes 
    buff_req.open(method, url, async); 
    buff_req.responseType = 'arraybuffer'; 

    // keeps loading until something is recieved 
    if (!loaded) { 
     change_icon(); 
     buffering = true; 

    } 


    buff_req.onload = function() { 
     segment = buff_req.response; 

     // if the whole file was already buffered 
     if (segment.byteLength == 4) { 
      return true; 
     } else if (segment.byteLength == 3) { 
      return false; 
     } 
     // sets the new offset 
     if (offset == -1) { 
      offset = BUFFER_SIZE; 
     } else { 
      offset += BUFFER_SIZE; 
     } 
     //decodes mp3 data and adds it to the array 
     audioContext.decodeAudioData(segment, function(decoded) { 
      buffer.push(decoded); 
      debugger; 
      if (index == 0) { 
       play(); 
      } 

     }); 


    } 
    buff_req.send(); 
    buff_seg(); 
} 

二级功能：

function play() { 

    // checks if the end of buffer has been reached 
    if (index == buffer.length) { 
     loaded = false; 
     change_icon(); 
     if (buffer_seg == false) { 
      stop(); 
      change_icon(); 
      return false; 
     } 
    } 
    loaded = true; 
    change_icon(); 

    // new buffer source 
    var src = audioContext.createBufferSource(); 

    src.buffer = buffer[index++]; 

    // connects 
    src.connect(audioContext.destination); 

    src.start(time); 
    time += src.buffer.duration; 
    src.onended = function() { 
     src.disconnect(audioContext.destination); 
     play(); 
    } 

} 

Answer 1

到buffer_seg的递归调用是在buffer_seg的主体，而不是在回调，所以它会立即发生 - 而不是像你打算的那样，在收到答复后。其次，这也意味着递归调用是无条件的，当它应该基于先前的响应是否指示更多的数据可用时。如果这不仅仅是浏览器崩溃，我不知道为什么。这也意味着大量的流式音频可能会被无序地压入缓冲区。

所以开始我会看看递归调用移动到onload处理程序的末尾，检查流结束后。

在第二个函数中，你打算做什么if (buffer_seg == false)？这种情况永远不会得到满足。您是否认为这是查看buffer_seg的最后一个返回值的方法？这不是它的工作原理。也许你应该有一个变量，这两个函数都可以看到，其中buffer_seg可以设置，play可以测试，或类似的东西。