Primeros pasos con FloSync

En esta guía aprenderás a instalar FloSync, cargar tu primer contenido y familiarizarte con la interfaz principal.

Instalación #

macOS #

1. Descarga el archivo DMG de FloSync desde la página de descargas
2. Abre el DMG y arrastra FloSync a la carpeta Aplicaciones
3. Abre FloSync desde Aplicaciones

Nota: La primera vez que lo ejecutes, macOS puede pedirte confirmación para abrir una app de un desarrollador identificado. Haz clic en "Open" para continuar.

Windows #

1. Descarga el instalador de FloSync desde la página de descargas
2. Ejecuta el instalador y sigue las instrucciones en pantalla
3. Abre FloSync desde el menú Inicio o el acceso directo del escritorio

Primer arranque #

Al abrir FloSync por primera vez, verás el panel de control principal:

Recorrido por la interfaz #

La interfaz de FloSync es un panel de control único dividido en varias zonas:

Barra superior

• Desplegable de modo: alterna entre Independiente, Espejado y Extendido
• Indicador LIVE: señala que el modo de presentación está activo (distintivo rojo)
• Icono de programación (agenda/lista): abre o cierra el panel de programación para gestionar contenido por horario o por intervalos
• Botón Clear All (cancelar presentación): elimina todo el contenido cargado (solo aparece cuando hay contenido)
• Icono de canvas extension (rejilla): configura el canvas global para videowalls de varios ordenadores (solo en modo Extendido)
• Vista previa global (zoom): muestra u oculta la vista previa del canvas global (solo en modo Extendido, cuando la extensión está configurada)
• (separador)
• Icono de servidor (torre): inicia o detiene el modo servidor para sincronización en red (verde cuando está activo)
• Icono de cliente (wifi): conecta o desconecta como cliente para sincronización en red (azul cuando está activo)

Área de disposición de pantallas

• Muestra una representación visual de las pantallas conectadas
• Cada pantalla aparece como un recuadro proporcional a su tamaño y posición reales
• Arrastra y suelta vídeos o imágenes directamente sobre los recuadros
• Clic derecho para opciones adicionales (cargar página web, cargar archivo HTML)
• Haz clic en una pantalla para seleccionarla
• Haz clic en el contenido cargado para modificar sus ajustes
• Botón de audio en cada pantalla (solo vídeos)

Barra de controles de reproducción

• Línea de tiempo: permite desplazarse por el vídeo (visible cuando hay un vídeo cargado)
• Indicador de tiempo: posición actual y duración total
• Botón Play/Pause: controla la reproducción del vídeo
• Botón Iniciar en vivo: lanza la presentación a pantalla completa en todas las pantallas

Barra de estado

• Tamaño del lienzo: dimensiones totales del conjunto de pantallas (por ejemplo, "3840×1080")
• Tamaño del canvas global: cuando la canvas extension está configurada, muestra el tamaño total del videowall
• Número de pantallas: cantidad de pantallas conectadas
• Avisos: problemas con la configuración (contenido ausente, diferencia de duración, etc.)
• Correcciones de sincronización: número de correcciones durante el modo directo (solo visible en directo)
• Estado de sincronización en red: indica la conexión servidor/cliente cuando está activa
• Duración de vídeo: duración del vídeo más largo cargado

Cargar contenido #

FloSync admite tres tipos de contenido: vídeos, imágenes y páginas web. Cada uno tiene sus propios métodos de carga y comportamiento.

Cargar vídeos #

Arrastrar y soltar: Arrastra un archivo de vídeo desde Finder (macOS) o el Explorador de archivos (Windows) y suéltalo sobre cualquier recuadro de pantalla del panel de control.

Clic para explorar:

1. Haz clic en cualquier recuadro de pantalla del área de disposición
2. Se abrirá un diálogo de selección de archivos
3. Elige tu vídeo y haz clic en Abrir

Formatos de vídeo compatibles:

• MP4 (H.264, H.265/HEVC)
• MOV (incluido ProRes)
• MKV
• AVI
• WebM

En modo Espejado o Extendido, cargar contenido en una pantalla lo aplica automáticamente a todas. En modo Independiente, cada pantalla puede mostrar contenido diferente.

Cargar imágenes #

Arrastrar y soltar: Arrastra un archivo de imagen desde tu explorador de archivos y suéltalo sobre cualquier recuadro de pantalla.

Clic para explorar:

1. Haz clic en cualquier recuadro de pantalla
2. Selecciona "Load Video/Image" en el diálogo
3. Elige tu archivo de imagen

Formatos de imagen compatibles:

• PNG
• JPG / JPEG
• GIF (incluidos GIFs animados: se reproducen en bucle de forma automática)
• BMP
• TIFF
• WebP
• SVG

Modos de ajuste de imagen: Haz clic sobre una imagen cargada para abrir el diálogo de ajustes, donde podrás elegir cómo se adapta a la pantalla:

• Ajustar: escala la imagen para que quepa en la pantalla, respetando la proporción (pueden aparecer bandas)
• Rellenar: rellena toda la pantalla recortando lo que sobra (sin bandas, puede recortar)
• Estirar: estira la imagen hasta llenar la pantalla (puede distorsionar la proporción)

Cargar páginas web #

Desde URL:

1. Haz clic derecho sobre un recuadro de pantalla
2. Selecciona "Load Página web URL"
3. Introduce una URL HTTPS (por ejemplo, https://example.com)
4. Haz clic en OK

Desde un archivo HTML local:

1. Haz clic derecho sobre un recuadro de pantalla
2. Selecciona "Load HTML Archivo"
3. Navega hasta tu archivo HTML y selecciónalo
4. Haz clic en Abrir

Nota: Por seguridad, solo se admiten URLs HTTPS. Los archivos HTML locales pueden hacer referencia a recursos relativos (CSS, imágenes, JS) que se encuentren en el mismo directorio.

Auto-refresh: Tras cargar una página web, haz clic sobre ella para abrir los ajustes y configurar la recarga automática:

• Nunca (por defecto)
• Cada 15 minutos
• Cada 30 minutos
• Cada hora

Reproducir el contenido #

Una vez cargado el contenido, dispones de dos formas de mostrarlo:

Vista previa (panel de control) #

Usa los controles de reproducción del panel de control para previsualizar tu contenido:

• Botón Play/Pause: haz clic en el botón de reproducción de la barra inferior (solo vídeos)
• Desplazamiento por la línea de tiempo: haz clic y arrastra sobre la línea de tiempo para saltar a cualquier punto (solo vídeos)
• Control de audio: haz clic en el icono de altavoz de cada pantalla para activar o desactivar el audio (solo vídeos)

Nota: Las imágenes se muestran de inmediato y permanecen fijas. Las páginas web se renderizan en directo dentro de la vista previa. Los controles de reproducción solo afectan al contenido de vídeo.

Iniciar en vivo (presentación a pantalla completa) #

Cuando todo esté listo, usa Iniciar en vivo para lanzar la presentación:

1. Haz clic en el botón Iniciar en vivo de la barra de controles de reproducción
2. FloSync crea ventanas a pantalla completa en cada pantalla conectada
3. El contenido se muestra en cada pantalla según tu configuración:
   • Los vídeos se mantienen visualmente alineados en todas las pantallas
   • Las imágenes aparecen de inmediato
   • Las páginas web se renderizan en directo
4. Si la sincronización en red está activa (modo servidor o cliente), la reproducción de vídeo se sincroniza entre todos los ordenadores conectados

Durante el modo directo:

• El cursor del ratón permanece oculto por defecto en las ventanas a pantalla completa
• Al mover el ratón, el cursor aparece brevemente
• Tras unos segundos de inactividad, vuelve a ocultarse
• Al hacer clic en una ventana a pantalla completa, aparece un diálogo de confirmación "Salir del modo en vivo?"

Salir del modo directo:

• Pulsa ESC en cualquier ventana a pantalla completa
• Haz clic en una ventana a pantalla completa y selecciona "Yes" en el diálogo
• O haz clic en el botón Detener en vivo del panel de control

Opciones de Iniciar en vivo: Si tienes una programación configurada (varias escenas), el botón Iniciar en vivo muestra un desplegable:

• Iniciar en vivo (actual): reproduce el contenido actual del compositor, sin tener en cuenta la programación. Solo para pruebas.
• Iniciar en vivo (programación) o Iniciar en vivo (desde el inicio): reproduce el contenido programado con transiciones automáticas. Para despliegues reales.

Para más detalles sobre los modos de programación y la opción Controlador, consulta Programación.

Trabajar con varias pantallas #

Si tienes varias pantallas conectadas, FloSync las detecta automáticamente y las muestra en el área de disposición.

Disposición de pantallas #

El centro del panel de control refleja la distribución de tus pantallas tal como están configuradas en el sistema operativo. El diseño se escala proporcionalmente para representar tamaños y posiciones reales.

Modos de pantalla #

Usa el desplegable de modo de la barra superior para elegir cómo se distribuye el contenido entre las pantallas:

• Independiente: cada pantalla muestra contenido diferente, con audio independiente
• Espejado: todas las pantallas muestran el mismo contenido sincronizado (audio solo en la pantalla principal)
• Extendido: el contenido se extiende sobre todas las pantallas como un único lienzo

Para más información sobre cada modo, consulta Modos de pantalla.

Barra de menú #

FloSync ofrece una barra de menú completa en ambas plataformas:

macOS: barra de menú nativa con atajos de teclado estándar

• Menú FloSync: About, Preferencias (⌘,), Hide, Quit
• Menú Archivo: Importar/Exportar configuración (⌘O/⌘S), Restablecer todo
• Menú Ver: Panel de programación, Panel de registro, Vista previa del lienzo global
• Menú Ventana: Minimize, Zoom
• Menú Ayuda: Documentation, Website, Reddit

Windows: barra de menú integrada en la parte superior de la ventana

• Menú Archivo: Importar/Exportar configuración (Ctrl+O/Ctrl+S), Restablecer todo, Ajustes (Ctrl+,), Exit (Ctrl+Q)
• Menú Ver: Panel de programación, Panel de registro, Vista previa del lienzo global
• Menú Ayuda: Documentation, Website, Reddit, About

Guardar y cargar configuraciones #

FloSync permite guardar toda tu configuración en un archivo .flo para restaurarla más adelante. Resulta útil para:

• Crear copias de seguridad de tu programación y asignaciones de contenido
• Replicar la misma configuración en varios ordenadores
• Compartir montajes con tu equipo

Exportar una configuración #

1. Ve a Archivo > Exportar configuración (⌘S en macOS, Ctrl+S en Windows)
2. Elige una ubicación y un nombre de archivo
3. Haz clic en Save

Qué se exporta:

• Todas las escenas de la programación y sus asignaciones de contenido (tanto Hora del día como Intervalo)
• Modo de pantalla (Independiente, Espejado o Extendido)
• Ajustes de canvas extension global
• Ajustes de audio (estado de silencio por pantalla)
• Versión de la aplicación y del formato (para comprobar compatibilidad)

Qué NO se exporta (valores propios de cada equipo):

• Tolerancias de sincronización (local y en red)
• Posición y tamaño de la ventana
• Visibilidad de los paneles de la interfaz

Importar una configuración #

1. Ve a Archivo > Importar configuración (⌘O en macOS, Ctrl+O en Windows)
2. Selecciona un archivo .flo
3. Haz clic en Open

Compatibilidad de versiones: Si el archivo fue creado con una versión más reciente de FloSync, aparecerá un aviso preguntando si deseas continuar. Esto ayuda a evitar problemas con funciones que tu versión aún no incluye.

Archivos no encontrados: Si algunos archivos de contenido se han movido o renombrado desde que se exportó la configuración, FloSync mostrará un diálogo Missing Files con estas opciones:

• Buscar carpeta: busca todos los archivos faltantes dentro de una carpeta
• Locate Files: permite seleccionarlos manualmente uno a uno
• FloSync los identifica por nombre de archivo y verifica su integridad mediante tamaño y hash de contenido cuando están disponibles

Restablecer todo #

Para borrar la configuración y empezar de cero:

1. Ve a Archivo > Restablecer todo
2. Confirma en el diálogo que aparece

Esto elimina:

• Todas las escenas de la programación (vuelve a una única escena "All Day")
• Las asignaciones de contenido de cada pantalla
• Los ajustes de canvas extension global

Tus preferencias (tolerancias de sincronización, etc.) se conservan.

Nota: Import y Reset no están disponibles durante el modo directo. Sal del directo antes de usarlos.

Consejos rápidos #

• ESC para salir: pulsa ESC en cualquier ventana a pantalla completa para salir del modo directo
• Arrastra para reemplazar: suelta contenido nuevo sobre una pantalla que ya tenga contenido para sustituirlo
• Bucle automático: los vídeos se repiten indefinidamente, ideal para cartelería digital
• Borrar todo: el botón X de la barra superior elimina todo el contenido cargado de una vez
• Sesiones persistentes: FloSync recuerda el último contenido cargado y lo restaura en el siguiente arranque
• Audio por pantalla: en modo Independiente, cada pantalla tiene su propio control de audio (solo vídeos)
• Ajustes del contenido: haz clic sobre cualquier contenido cargado para cambiar el modo de ajuste (imágenes/vídeos) o la URL y la recarga (páginas web)
• Menús contextuales: clic derecho sobre las pantallas para cargar contenido, o sobre las tarjetas de escena del panel de programación para acceder a opciones rápidas
• GIFs animados: se reproducen en bucle de forma automática, sin necesidad de configuración

Y ahora, ¿qué sigue? #

Con los fundamentos claros, estas guías te ayudarán a aprovechar FloSync al máximo:

• Modos de pantalla: aprende cuándo usar Independiente, Espejado o Extendido, y cómo montar videowalls con varios ordenadores
• Programación: configura rotaciones de escena por horario o por intervalo con transiciones automáticas
• Iniciar en vivo: presentaciones a pantalla completa, modo Controlador, controles de teclado y transiciones entre escenas
• Sincronización en red: sincroniza la reproducción de vídeo entre varios ordenadores de tu red
• MIDI: controla escenas directamente desde un controlador MIDI
• Preparación de vídeo: optimiza tus archivos de vídeo para conseguir la sincronización más precisa