Nodejs：按需将单独的音频文件传输到 HTML 音频源

如何解决Nodejs：按需将单独的音频文件传输到 HTML 音频源

鉴于我的 Node Express 服务器上有单独的 .wav 文件，chrome 上的客户端应该能够选择将哪个文件流式传输到 HTML 音频标签。

这是我的代码：

改变源的客户端函数（当用户点击按钮时调用）：

function changeSource(){
       
     document.getElementById("past_audio").src = `http://localhost:3000/clip`;

             }

流不同源的服务器代码（videoStream指音频流）：

   let i = 0;
   let videoStream;
   router.get('/clip',function(req,res,next) {
   const range = req.headers.range;
   if (!range) {
        res.status(400).send("Requires Range header");
   }
   let videoPath;
   if(i%2 == 0)
   videoPath = "first.wav";
   else
   videoPath = "second.wav"
   
   i++;



  const videoSize = fs.statSync(videoPath).size;


  const CHUNK_SIZE = 10 ** 6; // 1MB
  const start = Number(range.replace(/\D/g,""));
  const end = Math.min(start + CHUNK_SIZE,videoSize - 1);


  // Create headers
  const contentLength = end - start + 1;
  console.log("contlen",contentLength);
  const headers = {
    "Content-Range": `bytes ${start}-${end}/${videoSize}`,"Accept-Ranges": "bytes","Content-Length": contentLength,"Content-Type": "audio/wav",};

  // HTTP Status 206 for Partial Content
  res.writeHead(206,headers);

  // create video read stream for this particular chunk
  videoStream = fs.createReadStream(videoPath,{start,end});

  // Stream the video chunk to the client
  videoStream.on('open',function () {
    // This just pipes the read stream to the response object (which goes to the client)
    videoStream.pipe(res);
  });
  videoStream.on('error',function(err) {
    videoStream.end();
    res.end(err);
  })
});

这个想法是每隔一次点击我就会获取一个不同的文件。 第一个文件按预期流式传输（首次运行服务器时）。 然后在第二次请求切换音源时，除非我在请求前等待至少 20 秒，否则第一个音频文件仍然是流式传输的。

我假设这是因为管道中仍有需要清除的块。 我试过销毁/关闭/等。我代码不同区域的管道。

有什么想法吗？

谢谢

更新：

看来我的怀疑是正确的： 当我将路线更改为： router.get('/clip/:randomNumber',next) {... 那么它确实像我希望的那样工作。 这意味着通过像我以前那样再次访问相同路由，在很短的时间内，即使我不再使用它，数据仍然在通过管道传输。 我认为我目前的方法会占用大量内存，所以有人可以建议如何我如何从管道中删除不再需要的内容，或者更确切地说，实现我想要的东西的正确方法是什么？ >