利用RecordRTC录制视频但是除了第一此成功录制其他的下载下来都是第一次的视频
`
$(function () {
var elementToRecord = document.getElementById('videoElement');
var canvas2d = document.getElementById('huabu');
var context = canvas2d.getContext('2d');
canvas2d.width = elementToRecord.clientWidth;
canvas2d.height = elementToRecord.clientHeight;
var isRecordingStarted = false;
var isStoppedRecording = false;
(function looper() {
if (!isRecordingStarted) {
return setTimeout(looper, 500);
}
html2canvas(elementToRecord).then(function (canvas) {
context.clearRect(0, 0, canvas2d.width, canvas2d.height);
context.drawImage(elementToRecord, 0, 0, canvas2d.width, canvas2d.height);
if (isStoppedRecording) {
return;
}
requestAnimationFrame(looper);
});
})();
var recorder = new RecordRTC(canvas2d, {
type: 'canvas',
mimeType: 'video/webm;codecs=vp8'
});
$(".videotape").click(function () {
isStoppedRecording = false;
isRecordingStarted = true;
recorder.clearRecordedData()
recorder.startRecording();
$("#videotape").css({
display: "none",
})
$("#videotapetext").css({
display: "none",
})
$("#stopvideotape").css({
display: "block",
})
$("#stopvideotapetext").css({
display: "block",
})
});
$("#stopvideotape").click(function () {
recorder.stopRecording(function () {
isRecordingStarted = false;
isStoppedRecording = true;
var blob = recorder.getBlob();
console.log(blob);
$("#videotape").css({
display: "block",
})
$("#videotapetext").css({
display: "block",
})
$("#stopvideotape").css({
display: "none",
})
$("#stopvideotapetext").css({
display: "none",
})
const link = document.createElement('a');
link.style.display = 'none';
const downloadUrl = window.URL.createObjectURL(blob);
link.href = downloadUrl;
link.download = '下载.mp4'; //下载的名字与格式
document.body.appendChild(link);
link.click();
link.remove();
});
});
我想请问怎么搞