将 HTML5 MediaRecorder 录制的视频实时上传到 AWS S3

Question

我想录制视频并将其实时上传到 AWS S3 中。

到目前为止，我所做的事情。

一旦用户单击"录制音频/视频"按钮，就会调用以下代码片段：

 navigator.getUserMedia({ audio: true,video: true }, function (stream) {
  mediaRecorder = new MediaRecorder(stream, {mimeType: 'video/webm'});
  mediaRecorder.onstop = handleStop;
  mediaRecorder.ondataavailable = handleDataAvailable;
  mediaRecorder.start(); 
}

在"停止录制音频/视频"按钮上，我正在将视频上传到 AWS S3

：

AWS.config.credentials = new AWS.CognitoIdentityCredentials({
        IdentityPoolId:  // . Enter your identity pool
            RoleArn: // . Enter RoleArn
    });
    AWS.config.credentials.get(function(err) {
        if (err) alert(err);
        console.log(AWS.config.credentials);
    });
    var bucketName = ''; // Enter your bucket name
    var bucket = new AWS.S3({
        params: {
            Bucket: bucketName
        }
    });
          mediaRecorder.stop();
          var blob = new Blob(recordedBlobs, {type: 'video/webm' });
          var file = new File([blob],   'testVideo.webm');
          var objKey = 'testing/' + file.name;
          var params = {
                Key: objKey,
                ContentType: file.type,
                Body: file,
                ACL: 'public-read'
            };
            bucket.putObject(params, function(err, data) {
                if (err) {
                    console.log(" Error while  UPLOADING Video :");
                } else {
                    console.log(" Success UPLOADING Video :");
                }
            });

一切都很好。单击停止录制时，视频上传成功。

视频大小从100MB到3GB不等

现在的问题是，如果用户关闭浏览器，则上传视频时上传失败。

那么有没有办法将视频实时上传到S3？？即在录制阶段，它应该被上传。或者有没有其他方法可以上传它？在用户关闭浏览器之前。

Answer 1

现在的问题是，如果用户关闭浏览器，则上传视频时上传失败。

那么有没有办法将视频实时上传到S3？

你使用了错误的技术来实现这一点，如果你需要确保录音同时上传/记录在服务器端，那么你应该看看WebRTC（Web实时通信）。

媒体记录器几乎总是具有更高的（无损）质量，用户的上传速度通常跟不上，因此即使立即开始上传块，它也会被越来越多地缓冲上传。另一方面，WebRTC（应该）调整上传流的质量以匹配遇到的网络条件（有损）。

对于开箱即用的解决方案，请尝试像OpenTok或Twilio这样的东西，两者都使这变得非常简单。