服務器停止時 chrome 不播放視頻文件，而 firefox 瀏覽器可以播放

Question

我在 chrome 中看到了一種行為，即當向服務器發送請求並且瀏覽器獲取媒體數據時。 如果服務器出現故障，chrome 將無法播放媒體（盡管它下載了大小為 168 MB 的整個媒體，如下圖所示），但 firefox 即使在離線時也能夠播放整個媒體文件。

chrome.network 選項卡日志

<html>
<head>
    <h1> Video Player</h1>
  <script>

  </script>

</head>
<body>
    <video id="videoPlayer" width="800" height="400" controls> 
         <source src="/video" type="video/mp4">
            Your browser does not support the video tag.
    </video>
</body>

我的 node.js 代碼：

  const headers = {
    'Content-Length': fileSize,
    'Content-Type': 'video/mp4',
  }
  res.writeHead(200, headers)
  fs.createReadStream(videoFilePath).pipe(res)

我認為上面的 pipe () 方法將 stream 分塊，但不知何故 firefox 能夠獲取所有數據。 我如何防止 firefox 讓所有這些數據離線可用，而 stream 只能以塊的形式提供。

Answer 1

將響應標頭更新為以下修復了該問題。 我認為不同之處在於傳遞了“接受范圍”header 和res.writeHead(206, headers); .

  headers = { 
    "Accept-Ranges": "bytes", 
    "Content-Length": totalFileSize, 
    "Content-Type": 'video/mp4' 
  };

服務器停止時 chrome 不播放視頻文件，而 firefox 瀏覽器可以播放

問題描述

1 個解決方案

解決方案1
0 2020-04-13 15:10:59

服務器停止時 chrome 不播放視頻文件，而 firefox 瀏覽器可以播放

問題描述

1 個解決方案

解決方案1 0 2020-04-13 15:10:59

解決方案1
0 2020-04-13 15:10:59