Estoy usando MediaRecorder para grabar la pantalla en un navegador.

Al final de la sesión, el video se carga en el servidor.

Para que el proceso sea más a prueba de errores, me gustaría subir videos parciales en intervalos en lugar de solo un archivo grande al final.

He intentado algo como esto:

 const handleRecord = function ({stream}) { const mediaRecorder = new MediaRecorder(stream); mediaRecorder.ondataavailable = function (e) { uploadVideoPart(e.data); // Upload to server }; mediaRecorder.start(10000); // 10 seconds };

Pero los videos subidos están dañados.

El primero se puede reproducir pero hay una advertencia:

[matroska,webm @ 0x7fa5e580ec00] El archivo finalizó prematuramente en la pos. 1060573 (0x102edd)

El resto de los videos están totalmente corruptos.

Parece que hay una mancha especial al principio y al final que me impide subir videos parciales.

¿Cómo puedo manejar videos parciales usando MediaRecorder ?