Tus recorridos grabados, montados directo en el vídeo

Hasta hoy, cada escena de un vídeo se grababa de nuevo con nuestro navegador del servidor. Para las escenas sin un objetivo preciso, encuadraba un plano general según una posición en la página, un poco más abajo, luego más, repartiendo los planos para que ninguno se pareciera. Eso da variedad, pero una posición no es un significado: una escena sobre precios merece la pantalla de precios, no lo que haya por casualidad a un quinto de la página de inicio.

Mientras tanto, nuestra extensión de Chrome sabe reproducir los recorridos que escribes y guardar cada paso como una imagen, con la etiqueta que le diste y los datos de la página en ese instante. Son imágenes de las pantallas correctas, en tu web real, con tu sesión iniciada.

Así que ahora la cadena busca primero esas imágenes y las prefiere. El plano grabado de nuevo sigue como respaldo para las páginas que nadie ha grabado, y si la búsqueda tiene algún problema, el vídeo simplemente sigue como antes.

Emparejar imágenes con escenas es el paso que podría empeorar un vídeo, así que lo hicimos prudente:

• Necesita pruebas. Una escena y una grabación deben compartir palabras con sentido entre lo que narra la escena y aquello con lo que se etiquetaron y grabaron las imágenes. Una coincidencia en la dirección de la página cuenta doble, porque la dirección es lo que el espectador está mirando.
• Ignora las palabras vacías. Página, sitio, clic o mostrar no dicen nada de qué pantalla se busca, y fiarse de ellas es justo cómo una escena de precios acabaría mostrando el panel.
• Empareja primero los pares más fuertes, y cada grabación se usa una vez como mucho.
• Por debajo del umbral, nada encaja. Un plano nuevo y honesto es mejor que una pantalla equivocada mostrada con seguridad.

Una prueba mantiene esa línea: una escena de precios recibe imágenes de precios, una escena sin relación no recibe ninguna, una palabra casual queda bajo el umbral y los gráficos animados nunca reciben una pantalla que no necesitan.

El primer paso usaba la imagen guardada de cada paso emparejado: el momento correcto, con un lento empuje encima. Pero el movimiento que grabaste estaba ahí, en el clip, con los tiempos para encontrarlo ya guardados. Así que, en la segunda versión del día, la cadena recorta cada escena emparejada de tu grabación, desde el inicio de ese paso hasta su final.

Dos decisiones lo hicieron preciso. Volvemos a codificar el fragmento en vez de copiarlo, porque una copia simple solo puede cortar en ciertos fotogramas y podría desplazar el inicio de una escena uno o dos segundos, hasta el paso anterior. Y la imagen fija se queda con la escena como portada y red de seguridad: si un recorte no puede hacerse, la escena conserva su imagen real en lugar de perderse.

Los recortes también tienen un tope por vídeo, para que una web con muchas grabaciones se siga renderizando a buen ritmo.

Un buen recorrido atraviesa una web haciendo clic de página en página, y hoy el grabador lo sigue hasta el final. Pasar a una nueva página ocurre ahora en la parte de la extensión que supervisa todo el recorrido, porque un paso que se ejecuta dentro de una página no puede quitarse esa página de debajo de los pies. Cada paso mantiene su sitio exacto en el plan que escribiste, ya que las marcas de escena, las imágenes guardadas y la página de tu web se alinean por esa posición.

El cursor con estilo también viaja. Vive dentro de la página, así que una página nueva empezaba sin él. Ahora vuelve cada vez que un paso cambia la dirección, y cada clic de un recorrido de varias páginas se ve.

También añadimos una prueba que nos gusta mucho. Toma cada acción que un plan puede usar y comprueba que algo en el grabador la ejecuta de verdad, así que nunca se puede escribir un nuevo tipo de paso sin una forma de reproducirlo.

Si grabas recorridos, tus vídeos se construyen ahora a partir de ellos. La pantalla que se ve es la que elegiste, en el momento que elegiste, moviéndose como se movía cuando la grabaste:

• escenas emparejadas con tus imágenes por lo que dicen y dónde ocurren,
• recortadas de tu grabación al segundo,
• con un plano nuevo solo cuando nada de lo que grabaste encaja.

El tiempo que dedicas a grabar se convierte en calidad de vídeo que se nota. Aprende a grabar recorridos en la página de la extensión de Chrome, o planifícalos desde tu código con la extensión de VS Code.