Utilicé mediarecorder para grabar un render creado usando matter.js y p5.js, pero el video resultó así .

¿Cómo arreglaría esto? Ya he intentado configurar la tasa de bits arbitrariamente alta.

Usé el código de ejemplo:

 let canvas = document.getElementById('defaultCanvas0'); videoStream = canvas.captureStream(fps); mediaRecorderv = new MediaRecorder(videoStream); chunks = []; console.log(mediaRecorderv.videoBitsPerSecond) mediaRecorderv.ondataavailable = function(e) { chunks.push(e.data); }; mediaRecorderv.onstop = function(e) { let blob = new Blob(chunks, { 'type' : 'video/mp4' }); chunks = []; let videoURL = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = videoURL; link.download = 'render.mp4'; document.body.append(link); link.click(); link.remove(); }; mediaRecorderv.start();