Res许多视频Nodejs - 编程之家

如何解决Res许多视频Nodejs

我正在开发一个包含一个视频页面的应用。前面是 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,}
                  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 解析多个视频以及将视频发送给客户端的方法？

谢谢

解决方法

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

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

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

这是我的 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);