SIMULADOR DE AUTOCUE
Aplicación web para simular el funcionamiento de un teleprompter o autocue y poder utilizarlo de forma online desde cualquier dispositivo.
En mis años de experiencia como técnico de publicidad y marketing, el vídeo ha sido una herramienta fundamental y usada frecuentemente para elaborar piezas publicitarias destinadas a los diferentes soportes.
Como normalmente el presupuesto no siempre llega para contratar agencias externas que realicen estos videos, se suele contar sólamente con medios propios, por lo que es necesario tener herramientas para lograr productos lo más profesionales posibles.
En nuestro caso, muchas de las piezas de video que necesitábamos eran con una persona presentando algún servicio o producto, por lo que vimos necesario tener un autocue, un dispositivo que va presentando poco a poco el texto que la
persona tiene que leer o interpretar delante de la cámara, para no tener que memorizarlo.
De nuevo, ante la escasez de presupuesto, fue necesario desarrollar una aplicación web
que no sólo simulara su funcionamiento, sino que fuera posible acceder a su funcionalidad desde cualquier lugar que la grabación de los videos requiriera.
La aplicación Simulador de Autocue nos permite:
Introducir un texto de hasta 3000 caracteres, que se presentará poco a poco al usuario desde abajo hacia arriba para facilitar su lectura.
Personalizar antes y durante la ejecución, la velocidad de la animación, el tamaño del texto, los colores de la fuente y el fondo de la pantalla.
Pausar, reanudar y reiniciar la presentación del texto a través de los controles de un panel fijado en la parte superior.
Pausar la animación manteniendo presionada la barra espaciadora y reanudarla al soltar la tecla.
Algunas de las características de la aplicación son las siguientes:
Diseño reponsivo para conservar su funcionalidad en cualquier tipo de dispositivo, con punto de ruptura en 768 pixeles.
Uso de control de carga y bloqueo de elementos del DOM.
Cuenta atrás de preaviso antes de ejecutar la presentación del texto.
Uso de la API Intersection Observer para detectar cuando el texto presentado desaparece del viewport.
Proyecto desarrollado en:
HTML CSS Javascript PHP
Aplicación web de uso interno que simula el funcionamiento de un autocue, presentando un texto al usuario desde abajo hacia arriba, para facilitar su lectura.
Idea, diseño y desarrollo de la aplicación web.
Si lo que has visto aquí te gusta, quieres colaborar conmigo o te apetece comentarme algo ¡Escríbeme!
DIME HOLA