Replit, la plataforma de desarrollo colaborativo en línea, ha desarrollado un motor de renderizado de video único para capturar páginas web con animaciones y convertirlas en archivos MP4 de manera determinista. El problema radica en que los navegadores modernos renderizan frames de manera variable, lo que genera animaciones entrecortadas al intentar grabar la pantalla. La solución de Replit inyecta un script JavaScript que reemplaza las APIs de tiempo del navegador con un 'reloj virtual' controlado, forzando un renderizado consistente a una velocidad de fotogramas específica. Esto permite capturar contenido web diverso, incluyendo animaciones CSS, framer-motion y bibliotecas de canvas, sin necesidad de un framework específico como Remotion, lo que es crucial para su uso con agentes de IA que generan contenido. El proceso incluye un 'warmup loop' para evitar problemas con el compositor de Chrome y una compleja solución para capturar audio, interceptando y procesando metadatos de audio antes de que lleguen a los altavoces. La solución es una combinación de técnicas como Puppeteer, FFmpeg y WebCodecs, demostrando un enfoque innovador para la captura de video determinista en entornos web.
Noticias agregadas con IA