Res 许多视频 Nodejs

Question

我正在开发一个包含视频页面的应用程序。前面在Angular，后面在Node.js

我选择直接用 API 将我的视频存储在资产文件夹中。

  files.forEach(file => {
    console.log(file);
  });
});

我可以用 fs 获取我的视频路径。

目前我只能用这段代码恢复一个视频:

                const path = 'videos/Cycle de vie des déchets/test.mp4'
                const stat = fs.statSync(path)
                const fileSize = stat.size
                const range = req.headers.range
              
                if (range) {
                  const parts = range.replace(/bytes=/, "").split("-")
                  const start = parseInt(parts[0], 10)
                  const end = parts[1]
                    ? parseInt(parts[1], 10)
                    : fileSize-1
              
                  if(start >= fileSize) {
                    res.status(416).send('Requested range not satisfiable\n'+start+' >= '+fileSize);
                    return
                  }
                  
                  const chunksize = (end-start)+1
                  const file = fs.createReadStream(path, {start, end})
                  const head = {
                    'Content-Range': `bytes ${start}-${end}/${fileSize}`,
                    'Accept-Ranges': 'bytes',
                    'Content-Length': chunksize,
                    'Content-Type': 'video/mp4',
                  }
              
                  res.writeHead(206, head)
                  file.pipe(res)
                } else {
                  const head = {
                    'Content-Length': fileSize,
                    'Content-Type': 'video/mp4',
                  }
                  res.writeHead(200, head)
                  fs.createReadStream(path).pipe(res)
                }

而我在angular中的模板与此类似：

                            <video height="100%" width="100%" controls (click)="toggleVideo()" #videoPlayer>
                                <source src="http://localhost:4000/andromede/videos" type="video/mp4" />
                                Browser not supported
                            </video>

可以看到，前端直接请求了API。

所以，我的问题是：我如何使用 fs 恢复许多视频以及我将视频发送到客户端的方法？

谢谢

Answer 1

我会回答我自己的问题。我设法解决了问题。

首先，我创建了一个检索视频名称的查询。

然后是另一个以文件名为参数的查询。

这是我的 html :

src="http://localhost:4000/andromede/videos/getVideo?videoName={{files}}"

这是我第二个请求的第二个控制器：

            const folder = req.query.folder
            const videoName = req.query.videoName

            const range = req.headers.range;
            if (!range){
                res.status(400).send("Requires Range header");
            }
            const videoPath = "./videos/" + folder + "/" + videoName;
            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);
            const contentLength = end - start + 1;
            const headers = {
                "Content-Range": `bytes ${start}-${end}/${videoSize}`,
                "Accept-Ranges": "bytes",
                "Content-Length": contentLength,
                "Content-Type": "video/mp4",
            };

            res.writeHead(206,headers);
            const videoStream = fs.createReadStream(videoPath, { start, end });
            videoStream.pipe(res);

Res 许多视频 Nodejs

Res many videos Nodejs

video-streaming

node.js

nodejs-stream

angular