從分析服務器無法流視頻（PFFile）

Question

我在我的數據庫中上傳的PFFile的URL中使用我的iOS應用程序流式傳輸視頻時遇到問題。我使用Heroku和AWS，而且我仍然遇到同樣的問題。當文件在舊的分析服務器中進行託管時，它會很好地工作。

當我在Chrome瀏覽器中打開它時，PFFile網址可以正常工作，但不會在Safari或iOS應用中打開。

以下是視頻的鏈接： http://shuuapp.herokuapp.com/parse/files/wnQeou0L4klDelSEtMOX6SxXRVKu1f3sKl6vg349/24092609eadcc049f711aafbd59c1a18_movie.mp4

其在下面的鏈接中提到的相同的問題問題正是：

iOS - Can't stream video from Parse Backend

Answer 1

解析服務器似乎不在Safari/iOS中支持流媒體，並且解決方案是使用明確的& GridStore如下，

解析 - 服務器 - 例如\ node_modules \解析服務器\ lib中\路由器\ FilesRouter

{ 
key: 'getHandler', 
value: function getHandler(req, res, content) { 
var config = new _Config2.default(req.params.appId); 
var filesController = config.filesController; 
var filename = req.params.filename; 
var video = '.mp4' 
var lastFourCharacters = video.substr(video.length - 4); 
if (lastFourCharacters == '.mp4') { 

    filesController.handleVideoStream(req, res, filename).then(function (data) { 

    }).catch(function (err) { 
     console.log('404FilesRouter'); 
     res.status(404); 
     res.set('Content-Type', 'text/plain'); 
     res.end('File not found.'); 
    }); 
}else{ 
filesController.getFileData(config, filename).then(function (data) { 
    res.status(200); 
    res.end(data); 
}).catch(function (err) { 
    res.status(404); 
    res.set('Content-Type', 'text/plain'); 
    res.end('File not found.'); 
    }); 
} 
} 
} , ... 

解析 - 服務器 - 例如\ node_modules \解析服務器\ lib中\控制器\ FilesController

_createClass(FilesController, [{ 
key: 'getFileData', 
value: function getFileData(config, filename) { 
return this.adapter.getFileData(filename); 
} 
},{ 
key: 'handleVideoStream', 
value: function handleVideoStream(req, res, filename) { 
return this.adapter.handleVideoStream(req, res, filename); 
} 
}, ... 

解析服務器，例如\ node_modules \解析服務器\ LIB \適配器\文件\ GridStoreAdapter

... , { 
    key: 'handleVideoStream', 
    value: function handleVideoStream(req, res, filename) { 
    return this._connect().then(function (database) { 
    return _mongodb.GridStore.exist(database, filename).then(function () { 
    var gridStore = new _mongodb.GridStore(database, filename, 'r'); 
    gridStore.open(function(err, GridFile) { 
     if(!GridFile) { 
      res.send(404,'Not Found'); 
      return; 
     } 
     console.log('filename'); 
     StreamGridFile(GridFile, req, res); 
     }); 
     }); 
     }) 
     } 
     }, ... 

Gridstore的適配器

底部

function StreamGridFile(GridFile, req, res) { 
var buffer_size = 1024 * 1024;//1024Kb 

if (req.get('Range') != null) { //was: if(req.headers['range']) 
    // Range request, partialle stream the file 
    console.log('Range Request'); 
    var parts = req.get('Range').replace(/bytes=/, "").split("-"); 
    var partialstart = parts[0]; 
    var partialend = parts[1]; 
    var start = partialstart ? parseInt(partialstart, 10) : 0; 
    var end = partialend ? parseInt(partialend, 10) : GridFile.length - 1; 
    var chunksize = (end - start) + 1; 

    if(chunksize == 1){ 
    start = 0; 
    partialend = false; 
    } 

    if(!partialend){ 
    if(((GridFile.length-1) - start) < (buffer_size)){ 
     end = GridFile.length - 1; 
    }else{ 
     end = start + (buffer_size); 
    } 
     chunksize = (end - start) + 1; 
    } 

    if(start == 0 && end == 2){ 
     chunksize = 1; 
    } 

res.writeHead(206, { 
     'Cache-Control': 'no-cache', 
    'Content-Range': 'bytes ' + start + '-' + end + '/' + GridFile.length, 
    'Accept-Ranges': 'bytes', 
    'Content-Length': chunksize, 
    'Content-Type': 'video/mp4', 
    }); 

    GridFile.seek(start, function() { 
    // get GridFile stream 

      var stream = GridFile.stream(true); 
      var ended = false; 
      var bufferIdx = 0; 
      var bufferAvail = 0; 
      var range = (end - start) + 1; 
      var totalbyteswanted = (end - start) + 1; 
      var totalbyteswritten = 0; 
      // write to response 
      stream.on('data', function (buff) { 
      bufferAvail += buff.length; 
      //Ok check if we have enough to cover our range 
      if(bufferAvail < range) { 
      //Not enough bytes to satisfy our full range 
       if(bufferAvail > 0) 
       { 
       //Write full buffer 
        res.write(buff); 
        totalbyteswritten += buff.length; 
        range -= buff.length; 
        bufferIdx += buff.length; 
        bufferAvail -= buff.length; 
       } 
      } 
      else{ 

      //Enough bytes to satisfy our full range! 
       if(bufferAvail > 0) { 
        var buffer = buff.slice(0,range); 
        res.write(buffer); 
        totalbyteswritten += buffer.length; 
        bufferIdx += range; 
        bufferAvail -= range; 
       } 
      } 

      if(totalbyteswritten >= totalbyteswanted) { 
      // totalbytes = 0; 
       GridFile.close(); 
       res.end(); 
       this.destroy(); 
      } 
      }); 
     }); 

    }else{ 

// res.end(GridFile); 
     // stream back whole file 
     res.header('Cache-Control', 'no-cache'); 
     res.header('Connection', 'keep-alive'); 
     res.header("Accept-Ranges", "bytes"); 
     res.header('Content-Type', 'video/mp4'); 
     res.header('Content-Length', GridFile.length); 
     var stream = GridFile.stream(true).pipe(res); 
    } 
    }; 

P.S 原來答案是@Bragegs這裏給出 - https://github.com/ParsePlatform/parse-server/issues/1440#issuecomment-212815625。