有没有一种方法可以通过浏览器可查找（可快速转发）的方式将文件数据传输给用户

Question

我正在向我的 CDN 之一发出请求，请求文件的数据可以是 mp4 或 mp3。然后，我在网络服务器上处理该数据，并尝试将其作为视频或音频文件发送到客户端。然而我的问题是，我找不到一种方式来发送数据，使浏览器能够快进视频/音频，当我尝试实现它时，有很多错误，有些视频无法工作。我相信这是因为我没有指定从流发送的范围，因此每次浏览器请求音频的不同部分时它都会重新发送相同的内容。

当前代码：

    const range = req?.headers?.["range"] || "bytes=0-";

    if (!range) {
        return res.status(400).send({ err: "Requires range header"});
    }

    let responses = await func.render(req);

    let CHUNK_SIZE = 10 ** 6;
    let start = Number(range.replace(/\D/g, ""));
    let end = Math.min(start + CHUNK_SIZE, responses?.size - 1); 

    res.setHeader("Content-Range", `bytes ${start}-${end}/${responses?.size}`);
    res.setHeader("Accept-Ranges", "bytes")
    res.setHeader("Content-Length", end - start + 1);
    res.setHeader("Content-Type", responses?.type);
    res.status(206);

    responses?.stream?.pipe(res)

我能想到的唯一方法是，是否有一种方法可以从流中选择字节范围，并仅通过管道传输返回的数据的某一部分，就像 fs 可以做的那样 fs.createReadStream("path", { startByte, endByte }) 但是我不知道该怎么做

Answer 1

想通了。只需安装一个名为 range-stream 的库，然后指定我想要从流中通过管道传输的范围，然后通过管道传输它。

npm i range-stream requests?.stream?.pipe(StreamRange(start, end)).pipe(res);

这修复了它。