我正在使用RecordRTC.js以chrome格式录制视频,然后使用enctype ='multipart / form-data'将生成的blob发送到node.js服务器。
当我通过将blob转换为dataURL发送帖子请求时,
------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文件?
答案 0 :(得分: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);
我希望这可以帮到你!