Cómo evitar los tirones de la rueda del ratón y la frecuencia de fotogramas irregular en las grabaciones de scroll

Una rueda de ratón normal avanza por muescas, y cada muesca le pide a la página que se mueva una distancia fija. Los navegadores suavizan cada salto con una animación corta, así que un giro continuo de la rueda se convierte en una cadena de pequeños acelerones y frenazos. En pantalla, el ojo lo pasa por alto. En un vídeo reproducido en una pantalla grande, se percibe como tirones.

• La mejor solución: no uses la rueda. Deja que un script desplace la página a una velocidad fija; la guía de scroll automático tiene uno para copiar.
• Si no queda más remedio que hacerlo a mano: una rueda de giro libre o un trackpad con un arrastre lento y constante es mejor que una rueda con muescas, pero ninguna mano mantiene una velocidad durante veinte segundos.

Muchos grabadores integrados, como la barra de capturas de macOS y QuickTime, solo escriben un fotograma cuando algo cambia en pantalla. Eso ahorra espacio, pero los intervalos entre fotogramas varían, y los editores de vídeo y algunos reproductores lo gestionan mal: duplican o descartan fotogramas para encajarlos en una línea de tiempo fija, y el scroll tiembla.

• Graba con una herramienta que escriba una frecuencia de fotogramas constante, como OBS Studio, configurada a 60 fps.
• Si ya tienes un archivo con frecuencia variable, conviértelo a una frecuencia constante antes de editarlo. La opción «Constant Framerate» de HandBrake lo hace.

Un scroll mueve cada píxel en cada fotograma. A 30 fps cada fotograma salta el doble de distancia que a 60, y en las páginas con mucho texto el ojo ve los saltos. 24 fps es la frecuencia del cine, y allí funciona; en una página que se desplaza, a cualquier velocidad, es la menos fluida de las tres.

Graba y exporta a 60 fps cuando el movimiento es lo importante. Baja a 30 solo para conseguir archivos más pequeños, y si lo haces, ralentiza el scroll. La mayoría de las herramientas limitan mucho los GIF, así que haz que los scrolls en GIF sean cortos y suaves.

Si tu pantalla se refresca a 120 o 144 Hz y grabas a 60 fps, el grabador se queda más o menos con uno de cada dos fotogramas, y en una pantalla de frecuencia variable ni siquiera de forma regular. Poner la pantalla a 60 Hz mientras grabas le da al grabador una correspondencia exacta. En un Mac con ProMotion, ese ajuste está en Pantallas, Frecuencia de actualización.

• Las imágenes de carga diferida se decodifican justo cuando entran en pantalla, y ese trabajo roba fotogramas. Baja hasta el final y vuelve arriba antes de grabar para que todo esté cargado.
• Las páginas con scripts pesados ligados al scroll, fondos de vídeo o efectos WebGL exigen mucho al ordenador. Cierra otras apps y pestañas del navegador.
• Grabar y codificar a la vez compite con la página por la CPU. Usa el codificador por hardware del grabador si lo tiene.

Todas las causas anteriores vienen de capturar movimiento en tiempo real en una pantalla real. Un renderizador no hace ninguna de las dos cosas. Website Scroll Video lee la página una vez, espera a las imágenes y las fuentes, y luego calcula dónde debe estar la página en cada fotograma y lo dibuja. No hay rueda que avance a saltos, ni frecuencia de pantalla con la que coincidir, ni ningún plazo en el que un fotograma pueda llegar tarde, así que el resultado mantiene una frecuencia fija de 24, 30 o 60 fps por larga o pesada que sea la página.