Estoy tratando de grabar un video de 5 segundos del navegador y luego guardarlo como un archivo mp4.

Hasta ahora, estoy capturando el navegador como una imagen, y luego puedo usar ffmpeg en mi máquina localmente para crear un video usando los png descargados, PERO quiero generar este video usando la matriz de URL de imágenes que habré generado sin el usuario. tener que descargar todas las imágenes primero.

Esto es lo que tengo hasta ahora para probar cómo obtengo las imágenes:

 let myImages = [] let imageCount = 120 window.runGrab = function(){ html2canvas(document.body, { useCORS: true, }).then(function (canvas) { for(let i = 0; i <= imageCount; i++){ setTimeout(function(){ myImages.push(canvas.toDataURL("image/png")) if(i === imageCount){ let a = document.createElement("a"); a.href = myImages[0]; a.download = 'img000.png'; a.click(); } }, 24) }; }) }

Y aquí está la línea de comando que estoy usando manualmente para probar la creación del video:

 ffmpeg -loop 1 -i img%03d.png -c:v libx264 -t 5 -pix_fmt yuv420p -vf scale=320:240 out.mp4

¿Cómo puedo pasar las URL de la imagen en lugar de 'img% 03d.png'?