node.js - 如何在 node.js 上将 blob 保存为 webm

Question

我正在使用 RecordRTC.js 在 Chrome 中录制视频然后使用 enctype='multipart/form-data' 将生成的 blob 发送到 node.js 服务器。

当我通过将 blob 转换为 dataURL 来发送 post 请求时，

------WebKitFormBoundaryZMbygbTah7gTAgUa
Content-Disposition: form-data; name="name"

1encof615fpyoj85bzwo.webm
------WebKitFormBoundaryZMbygbTah7gTAgUa
Content-Disposition: form-data; name="type"

video/webm
------WebKitFormBoundaryZMbygbTah7gTAgUa
Content-Disposition: form-data; name="contents"

data:video/webm;base64,GkXfo0AgQoaBAUL3gQFC8oEEQvOBCEKCQAR3ZWJtQoeBA...
------WebKitFormBoundaryZMbygbTah7gTAgUa--

它工作正常。除非数据很大，否则视频无法正确保存。可能吧，因为整个内容可能因为太大而无法传输。

因此，我尝试将 blob 作为输入类型文件发送，但保存的视频似乎已损坏，因为它无法播放。

发送的 blob 在服务器上打印时是这样的:

Eߣ@ B��B��B��B�B�@webmB��B��S�g�fI�f@(*ױ@B@M�@whammyWA@whammyD�@žT�k@5�@2ׁsŁ��"�...

服务器端代码是:

function upload(response, file) {

   var fileRootName = file.name.split('.').shift(),
     fileExtension = file.name.split('.').pop(),
     filePathBase = upload_dir + '/',
     fileRootNameWithBase = filePathBase + fileRootName,
     filePath = fileRootNameWithBase + '.' + fileExtension,
     fileID = 2,
     fileBuffer;

   while (fs.existsSync(filePath)) {
     filePath = fileRootNameWithBase + '(' + fileID + ').' + fileExtension;
     fileID += 1;
   }

   file.contents = file.contents.split(',').pop(); // removed this when sent contents as blob

   fileBuffer = new Buffer(file.contents, "base64");

   fs.writeFileSync(filePath, fileBuffer);
}

我错过了什么？如何在文件中写入 blob 内容，以便将其正确保存为 webm 文件？

Answer 1

就我而言，我正在执行以下操作并且工作正常:

fs.writeFile(
    'path.webm',
    new Buffer(encoder.compile(true)),
    'base64',
    function(e){
        if (e) console.log('fs.writeFile error '+e);
});

如果在创建文件(不是缓冲区)时未指定“base64”可能是错误的。如您所见，我在服务器端使用 whammy(只是将每一帧推送到编码器)。

encoder = new Whammy.Video();
encoder.add(data.image, data.duration);

希望对您有所帮助!