求教，为什么录制好下载下来的视频长度和在线播放的不一致

页面的代码是这样的
----------------------------------------
           function recorderByRecordRTC(){
drawCanvas();
canvasStream = canvas.captureStream();
audioStream = remoteStream.stream.clone();
            var finalStream = new MediaStream();
            audioStream.getAudioTracks().forEach(function(track) {
                finalStream.addTrack(track);
            });
            canvasStream.getVideoTracks().forEach(function(track) {
                finalStream.addTrack(track);
            });
var options = {
   type: 'video',
   mimeType: 'video/mp4'
};
mediaRecorder = RecordRTC(finalStream, options);
mediaRecorder.startRecording();
}
function endRecord(){
if (!isStart) {
alert("请开始录像再操作");
return;
}
mediaRecorder.stopRecording(function() {
console.info(this.getBlob());
var timestamp = Date.parse(new Date());
//this.save(timestamp+".mp4"); 
var file = new File([this.getBlob()], timestamp+".mp4");
var a = document.createElement('a');
var url = window.URL.createObjectURL(file);
var filename = timestamp+".mp4";
a.href = url;
a.download = filename;
a.click();

document.body.innerHTML = document.body.innerHTML
  +'<video controls src="' + URL.createObjectURL(this.getBlob()) 
  + '" autoplay loop '
  +'style="position:absolute;top:100px;left:100px;width:200px;height:200px;"></video>';
canvasStream.stop();
audioStream.stop();
//window.URL.revokeObjectURL(url);
});
isStart = false;
mediaRecorder=null;
}
------------------------------------------------
无论是调用RecordRTC的save方法还是代码里的下载方法，下载到本地的视频长度都只有2、3秒的长度，但是文件大小正常，在页面上用video标签播放页正常。