Saltar al contenido

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

Convierte cualquier web en un vídeo con scroll fluido: pega el enlace, ajusta la duración, la forma y el movimiento, y exporta un MP4, WebM o GIF sin marca de agua.

Aviral LakhanpaulActualizado el 5 min de lectura

La respuesta corta

Pega la dirección de la página en una herramienta de URL a vídeo como Website Scroll Video, elige cuánto debe durar el scroll y la proporción que necesitas, revisa la vista previa y exporta. La página se abre en un navegador real en un servidor, se eliminan los avisos de cookies y se calcula cada fotograma del scroll, así que obtienes un MP4, WebM o GIF con un movimiento uniforme sin grabar tu pantalla.

Antes de empezar

Necesitas tres cosas: una dirección pública, una cuenta con la que exportar y unos cinco minutos.

  • Una URL pública. Cualquier cosa que se abra en una ventana privada del navegador sin contraseña. Un enlace de staging sirve si es público, como una dirección de Framer en .framer.website o una de Webflow en .webflow.io. localhost y las páginas que piden iniciar sesión no sirven.
  • Una cuenta. Leer la página y ver la vista previa es gratis. Exportar cuesta créditos, y cada cuenta nueva recibe 51 una sola vez, sin tarjeta.
  • Una idea aproximada de adónde va. Un Reel, un portfolio, un correo a un cliente. Eso decide la forma y la duración, que son los dos únicos ajustes que no puedes corregir después sin volver a exportar.

Crea el vídeo en seis pasos

  1. Pega el enlace

    Pega la dirección en el campo de la página de inicio y pulsa Enter. Abrimos la página en un navegador real, esperamos a las fuentes y a las imágenes de carga diferida, y la leemos de arriba abajo. No se graba nada de tu pantalla.

  2. Elige el dispositivo y la forma

    Escritorio lee la página con ancho de escritorio y te ofrece 16:9, 4:3 o 1:1. Tableta y Móvil la leen con esos anchos, así que la web sirve su maquetación responsive real, y te ofrecen 9:16, 4:5 o 1:1. ¿Te han pasado unas medidas concretas? Escribe el tamaño exacto.

  3. Ajusta la duración

    La duración va de 2 a 90 segundos y también marca la velocidad del scroll: la misma página en seis segundos es un adelanto; en treinta, un recorrido.

  4. Elige el movimiento

    Suave arranca y se detiene de forma progresiva, Deslizado sale con brío y se detiene poco a poco, Lineal mantiene una sola velocidad y Pulso baja por la página sección a sección. Pon la Reproducción en Bajar y volver si el vídeo debe repetirse en bucle sin que se note el corte.

  5. Añade esperas, pausas y hovers

    Es opcional, pero aquí está casi todo el acabado. Mantén la imagen quieta hasta 10 segundos al principio o al final, detén el scroll en hasta 6 secciones y lleva un cursor hasta botones y tarjetas para que se reproduzcan sus efectos hover.

  6. Revisa la vista previa y exporta

    La vista previa se reproduce en tu navegador y no cuesta nada, por muchas veces que la repitas. Cuando te convenza, exporta un MP4, WebM o GIF. El coste exacto en créditos aparece en el botón Exportar antes de pulsarlo.

Los ajustes que importan

Casi todo el editor tiene un valor por defecto razonable. Estos son los que merecen una segunda mirada.

Ajustes recomendados para un vídeo con scroll de una web
AjusteEmpieza conCámbialo cuando
DuraciónUnos dos segundos por cada pantalla de páginaSea un adelanto (más corto) o haya que leer el texto (más largo, o añade pausas)
Fotogramas por segundo60 fpsEl tamaño del archivo importe más que la fluidez. 30 fps reduce los fotogramas a la mitad. El GIF se limita a 24
Resolución1080pSe vaya a ver en una pantalla grande o a recortar después (1440p o 4K), o sea un borrador rápido (720p)
MovimientoSuaveSea un bucle de fondo (Lineal) o un recorrido de producto que deba detenerse en cada sección (Pulso)
FormatoMP4Necesites transparencia o archivos más pequeños (WebM), o tenga que reproducirse dentro de un correo (GIF)
MotorDesplazamiento estáticoLa página tenga apariciones al hacer scroll o parallax que quieras conservar (Captura en vivo)

Si la página es larga y lo que vende está en la mitad superior, arrastra los tiradores bajo la vista previa para fijar dónde empieza y termina el scroll. Un recorrido más corto con la misma duración da un scroll más lento y más fácil de leer.

Lo que cuesta

La duración cuesta un crédito por cada 2 segundos de vídeo terminado, y algunos ajustes suman una cantidad fija: resoluciones más altas, más fotogramas por segundo, Captura en vivo, ancho de tableta o de móvil, pausas y hovers. Una exportación de 10 segundos en 1080p y 60 fps, leída con ancho de escritorio, cuesta 21 créditos, así que los 51 que recibes al registrarte alcanzan para dos exportaciones así.

Después, los créditos se venden en packs (5 $ por 100, 12 $ por 400 y 19 $ por 900) y no caducan nunca. No hay suscripción ni marca de agua en ninguna exportación. En Cómo funcionan los créditos tienes la tabla completa.

Si algo no se ve bien

  • Falta una animación de aparición o una sección se ve en blanco. El motor rápido desplaza una imagen fija de la página, así que los efectos que se activan con el scroll no se reproducen. Cambia el motor a Captura en vivo, o activa «Asentar animaciones» para llevarlas a su estado final. Consulta cómo capturar animaciones de scroll.
  • Se ha colado un aviso de cookies o una burbuja de chat. Deja activado «Descartar avisos de cookies y ventanas emergentes» y añade lo que se le haya escapado en «Ocultar elementos» como selector CSS. Más en cómo quitar los pop-ups de una grabación.
  • La página muestra una pantalla de inicio de sesión o un error. Tiene que ser pública. No podemos iniciar sesión por ti, y algunas webs rechazan directamente los navegadores automatizados.
  • El vídeo para móvil parece una página de escritorio aplastada. Elige Móvil como dispositivo en lugar de una proporción vertical en Escritorio, para que la web sirva su maquetación para móvil. Consulta cómo grabar la versión móvil.

Pruébalo con tu propia web

Pega un enlace y previsualiza el scroll gratis. 51 créditos gratis al registrarte, sin tarjeta y sin marca de agua en nada de lo que exportes.

Búsquedas recientes

    Preguntas, respondidas

    La versión corta de lo que se suele preguntar después.

    Contacto
    ¿Puedo crear un vídeo con scroll de una web gratis?

    Sí. Cada cuenta nueva recibe 51 créditos gratis una sola vez, sin tarjeta, que alcanzan para un par de exportaciones cortas en 1080p. Las vistas previas nunca cuestan nada, y ningún vídeo lleva marca de agua, lo paguen los créditos que lo paguen.

    ¿Tengo que instalar algo?

    No. No hay ninguna app ni extensión de navegador. La página se abre y se captura en nuestros servidores, así que funciona igual desde un portátil, una tableta o un móvil.

    ¿Puedo hacer un vídeo con scroll de una web que aún no está publicada?

    Solo si tiene una dirección pública. Publícala en una URL de vista previa o de staging que se abra sin contraseña y pega esa. Las direcciones locales y las redes privadas no son accesibles.

    ¿Cuánto debe durar un vídeo con scroll de una web?

    Puede durar entre 2 y 90 segundos. Para la mayoría de las landing pages, de ocho a quince segundos funcionan bien; para los adelantos en redes bastan de seis a diez, y un recorrido completo de portfolio puede llegar a treinta con algunas pausas.

    Logotipo de Website Scroll Video, un botón de reproducción sobre una página web en una ventana del navegador.

    Menos tiempo grabando. Más tiempo creando.

    Automatiza las grabaciones de webs con movimiento personalizable, controles inteligentes y opciones de exportación pensadas para creadores de hoy.