时间戳

首页 > 解决方案 > Node 服务器上的视频流仅在 Firefox 上无法正常工作？

javascript - Node 服务器上的视频流仅在 Firefox 上无法正常工作？

问题描述

我的目标是将视频文件流式传输到块中，而不是一次加载和播放整个文件。它在 Google Chrome 上运行良好，我可以在它们记录到控制台时看到块大小。现在，当我在 Firefox 上尝试此操作时，控制台上没有任何记录。视频会播放，但我无法快进超过 10 分钟左右。只是好奇为什么它在 Chrome 而不是 Firefox 中可以完美运行？

router.get("/video", ensureAuthenticated, function(req, res) {
  var id = req.query.id;
  let path = "";
  
  for (let k in movieLinks) {
    if (k === id) {
      path = movieLinks[k]
    }
  }
  // const path = "public/movies/noes2.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;
    const chunkSize = (end - start) + 1;

    console.log('RANGE: ' + start + ' - ' + end + ' = ' + chunkSize);
    
    const file = fs.createReadStream(path, {start,end} );
    const head = {
      'Content-Range' : `bytes ${start}-${end}/${fileSize}`,
      'Content-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);
  }
  // res.render('video', {layout: 'videoLayout'});
})

标签： javascriptnode.jsvideovideo-streamingstreaming

解决方案

我在使用工具调用ffmpeg拆分视频文件之前完成了此操作。

您可以使用下面的脚本将您的视频分成 30 秒的块，从 s3 存储桶或它们可能存在的任何地方读取它们。这将使浏览器下载更容易。

ffmpeg 脚本示例：

ffmpeg -i input -c copy -segment_time 30 -f segment input.mov

我希望这有帮助

推荐阅读