如何将使用MediaRecorder API录制的视频保存到php服务器?

时间:2017-08-28 11:09:35

标签: javascript php mediarecorder web-mediarecorder mediarecorder-api

我可以使用网络摄像头录制视频,在浏览器上播放生成的blob并将其下载到本地计算机上,但是当我将文件保存到服务器时,它是不可读的。我已经尝试将块发送到服务器并在那里连接它们,并且还发送整个blob,但结果是相同的(不可读的视频)。 我首先用FileReader()读取blob,它给出了base64结果,然后将它发送到服务器,在那里我base64_decode()并将其保存到文件夹中。

JS代码:

var reader = new FileReader(); 
reader.readAsDataURL(chunks[index]);
reader.onload = function () {
  upload(reader.result, function(response){
    if(response.success){
      // upload next chunk
    }
  });
};

在服务器上:

$json = json_decode( $request->getContent(), true );
$chunk = base64_decode( $json["chunk"] );
// all chunks get
file_put_contents("/uploadDirecotry/chunk".$json['index'].".webm", $json["chunk"]);

上传所有块后:

for ($i = 0; $i < $nrOfChunks; $i++) {
  $file = fopen("/uploadDirectory/chunk".$i.".webm", 'rb');
  $buff = fread($file, 1024000);
  fclose($file);

  $final = fopen("/processed/".$video->getFileName()."-full.webm", 'ab');
  $write = fwrite($final, $buff);
  fclose($final);

  unlink("/uploadDirectory/chunk".$i.".webm");
}

我不知道自己做错了什么。我已经尝试了一个多星期才能让它发挥作用,但它没有成功。请帮忙!

1 个答案:

答案 0 :(得分:0)

你必须保存解码的块

而不是

file_put_contents("/uploadDirecotry/chunk".$json['index'].".webm", $json["chunk"]);

使用此

file_put_contents("/uploadDirecotry/chunk".$json['index'].".webm", $chunk);

另外我建议,请在写入模式的“for循环”之前打开最终文件,然后在循环后关闭它,而不是每次在“for循环”中重新打开。