Cómo grabar un vídeo con scroll de una web

Casi todas las tomas fallidas se estropean antes de pulsar grabar. Haz esto una vez y todas las tomas mejoran.

1. 1.Abre la página en un perfil limpio o en una ventana privada, para que tus extensiones, la barra de marcadores y tu sesión iniciada queden fuera del plano.
2. 2.Acepta o descarta el aviso de cookies, cierra el modal de la newsletter y minimiza el botón del chat. Suelen volver al recargar, así que hazlo al final.
3. 3.Baja hasta el final y vuelve arriba una vez antes de grabar. Así se cargan las imágenes diferidas y se disparan las animaciones de entrada, y la toma no pilla secciones a medio cargar.
4. 4.Oculta la barra de desplazamiento si te molesta. En DevTools, añade html { scrollbar-width: none; } a los estilos de la página.
5. 5.Desactiva las notificaciones. Una notificación que entra por la esquina superior derecha estropea una toma por lo demás perfecta.

Decide primero la forma del vídeo y después dale esa forma a la ventana del navegador. Grabar una pantalla completa de 16:10 y recortarla a 9:16 después desperdicia la mayor parte de los píxeles y deja un resultado borroso.

• Para 16:9, una ventana de 1280 × 720 o 1920 × 1080 (área de contenido) es lo más limpio.
• Para un vídeo con forma de móvil, abre DevTools, activa la barra de dispositivos y elige un teléfono. La página sirve entonces su maquetación para móvil, y grabas solo ese viewport.
• Pon el zoom de la página al 100 %. Las páginas con zoom muestran el texto a tamaños raros y pierden nitidez al escalarse.

Una pantalla retina o de alta densidad graba al doble del tamaño en píxeles de la ventana, y eso es bueno: puedes reducir a 1080p y mantener el texto nítido.

En un Mac, el grabador integrado (Mayús ⌘ 5) y QuickTime escriben archivos con frecuencia de fotogramas variable. OBS Studio, gratuito en macOS, Windows y Linux, graba a la frecuencia constante que elijas. En Windows, tanto la Herramienta Recortes como Xbox Game Bar graban, pero OBS te da el mayor control.

Este es el paso que decide si el vídeo parece profesional. Una rueda de ratón avanza a saltos, un trackpad se lanza y sigue por inercia, y ninguno de los dos mantiene una velocidad uniforme durante veinte segundos. Por qué las grabaciones de scroll dan tirones explica las causas.

La solución fiable es que el navegador haga el scroll solo. Un script corto pegado en la consola de DevTools recorre toda la página siguiendo una curva de suavizado en un tiempo fijo. El fragmento completo, y cómo ajustar el ritmo, está en cómo hacer scroll automático en una web para un vídeo.

1. 1

   Pega el script, pero no lo ejecutes aún

   Pon dentro la duración que quieres que tenga el scroll.

2. 2

   Inicia el grabador

   Deja uno o dos segundos de quietud arriba. Puedes recortarlos después, y un primer fotograma quieto da una miniatura mejor.

3. 3

   Ejecuta el script y no toques nada

   No toques el ratón ni el trackpad hasta que la página se haya detenido. Cualquier movimiento tuyo interfiere con el script.

4. 4

   Detén la grabación y recorta los extremos

   Corta en el primer fotograma con movimiento y en el último, más la espera que quieras a cada lado.

Bien hecho, todo lo anterior lleva quince minutos por toma, y cada forma nueva exige otra toma. Si la página es pública, un renderizador lo hace todo a partir de la URL: abre la página con ancho de escritorio, tableta o móvil, quita los pop-ups, lee la página a doble densidad y calcula el movimiento a una frecuencia fija de 24, 30 o 60 fps. Cambias un ajuste y vuelves a exportar en lugar de volver a grabar.