Video Playback

El módulo Video Playback (en el panel se llama 🎬 Media Playback) es el reproductor profesional integrado de Race-G. Te permite poner al aire videos, imágenes y piezas animadas por encima de toda la transmisión, con control total del tamaño, la posición, el audio y las transiciones, y sin salir del programa: no necesitás otro software para disparar un video de apertura, una tanda de sponsors o una placa de cierre.

Esta página explica cómo se usa, qué opciones tiene cada medio, cómo armar listas de reproducción y qué cuidados tener para que todo salga bien al aire.

1. Para qué sirve

• Poner al aire videos: presentaciones, highlights, publicidades, sponsors, placas de cierre, festejos.
• Mostrar imágenes fijas: logos, placas de “Próximamente”, tablas, fotos de pilotos.
• Armar bloques o listas para reproducir varios medios en secuencia automática: ideal para una tanda de sponsors o para el cierre de la transmisión.
• Superponer un logo o marca de agua sobre un video mientras está al aire.
• Usar stingers: la cortina animada que tapa toda la pantalla para hacer un corte limpio entre lo que está al aire y el medio que entra. Es el efecto típico de las transmisiones profesionales.
• Controlar el audio con fundidos de entrada y de salida, para que nada entre ni salga de golpe.

2. Conceptos que conviene tener claros

3. Visión general: el recorrido completo

1. Cargás tus medios con el botón 📁.
2. Los configurás en el Gestor: tamaño, ubicación, qué hacen al terminar, audio, logo y stinger.
3. Armás bloques con los medios que van en secuencia (sponsors, cierre, etc.).
4. Elegís la salida (lo normal es dejarla en Automático).
5. Al aire: elegís un medio o un bloque y tocás Play.
6. Para sacarlo: Restore.

4. Dónde está en el panel

Pestaña PLAY → bloque 🎬 Media Playback. Vas a ver, de arriba hacia abajo:

• 🎛 GESTOR DE MEDIOS (botón amarillo): el centro de configuración. Ahí se ajusta todo.
• Salida: a dónde se reproduce el video.
• Directorio Media: el selector con el archivo actual, y a su lado los botones 📁 (cargar un archivo nuevo), ↻ (recargar la lista) y, cuando corresponde, ⇄ WebM.
• Botones de transporte: Play, Pausa, Resume, Stop, Replay y Restore.
• Reloj VTIME: archivo, barra de progreso y tiempos.
• Bloques / listas: el selector de bloques con sus botones ▶ ⏮ ⏭ ■ y una línea de estado.
• Línea de estado: al pie, informa qué está pasando (archivo seleccionado, subida en curso, conversión en curso, avisos).

5. La salida de video: muy importante

El primer selector define a dónde va el video. El cambio se guarda al instante y Race-G te lo confirma con un aviso.

Qué usa cada salida

6. Cargar medios y formatos aceptados

Formatos que acepta Race-G

Cómo cargar un medio nuevo

1. Tocá el botón 📁 al lado del selector (también hay un 📁 Subir medio en el Gestor).
2. Elegí el archivo desde tu computadora.
3. Race-G lo copia a la carpeta /Media y lo deja listo: aparece en la lista y queda seleccionado. Si configuraste la carpeta de medios compartida de CasparCG, también lo copia ahí.
4. Si el formato necesita conversión, Race-G la hace en segundo plano y te informa el avance en la línea de estado.

Si copiaste un archivo a mano en la carpeta /Media desde Windows, tocá ↻ Recargar lista para que aparezca.

Conversión a WebM

Los formatos como .mov, .mxf o .avi no se pueden mostrar en el navegador. Por eso, al cargarlos, Race-G genera automáticamente una copia .webm al lado del original. Mientras tanto, el selector te muestra el estado junto al nombre del archivo:

El botón ⇄ WebM aparece solo cuando seleccionás un medio que necesita conversión. Si ya tiene su WebM, cambia a ⇄ WebM ✓: tocarlo de nuevo vuelve a generar la copia (útil si reemplazaste el original). Los medios que no necesitan conversión (MP4, WebM, imágenes comunes) no muestran el botón.

7. Los controles de reproducción

El reloj VTIME

Debajo de los botones, el reloj te muestra en tiempo real qué está pasando con el medio:

• Nombre del archivo al aire y una barra de progreso.
• TRANSC: el tiempo que lleva al aire.
• TOTAL: la duración total del medio.
• RESTA: cuánto falta para que termine.

Si Race-G no conoce la duración del medio (por ejemplo, porque falta ffmpeg), el reloj solo cuenta el tiempo transcurrido y el total aparece vacío.

8. El Gestor de Medios: tu mesa de trabajo

Tocá el botón amarillo 🎛 GESTOR DE MEDIOS. Se abre una ventana grande con tres columnas: Medios (izquierda), Editor (centro) y Grupos / Bloques (derecha). Todo lo que tocás se guarda solo: no hay botón de guardar.

En la cabecera del Gestor encontrás también el reloj VTIME en versión compacta, el estado del bloque en curso, 📁 Subir medio, ↻ (recargar) y ✕ (cerrar la ventana). Cerrar el Gestor no detiene lo que esté al aire.

Columna izquierda: Medios

Lista de todos tus archivos. Cada ítem muestra:

• 🖼 si es una imagen, 🎬 si es un video.
• Un resumen de su configuración: cómo se ajusta (Original, Adaptar, Rellenar, Contener, Custom) y qué hace al terminar (Queda, Desaparece, Loop).
• La etiqueta ⚡ST si tiene stinger y ◩OV si tiene overlay.

• Un clic: seleccionás el medio para editarlo (también queda elegido en el selector del panel).
• Doble clic: lo ponés al aire de inmediato (Play).

Columna central: el Editor

Arriba ves el nombre del archivo y su resolución real (y la duración, si es un video). A la derecha tenés los botones ▶ PLAY, ■ STOP y ↩ (Restore) para probar el medio sin salir del Gestor.

El lienzo

Es una vista previa de la pantalla de 1920×1080 con fondo a cuadros. El rectángulo es tu medio. Con el mouse podés:

• Arrastrarlo para moverlo.
• Tirar de los puntos de las esquinas y los lados para redimensionarlo. Las esquinas mantienen la proporción; si mantenés apretado Shift, deformás libremente.
• Guías inteligentes: el rectángulo se imanta solo al centro y al safe area (los márgenes de tu estilo visual activo). Si mantenés Alt, desactivás el imán para hacer un ajuste fino.

Cuando redimensionás con el mouse, el modo de tamaño pasa automáticamente a Custom.

Etiquetas de ayuda: debajo del lienzo, Race-G te avisa cuando el medio coincide con una guía: ⊕ CENTRADO, ⇔ centrado horizontal, ⇕ centrado vertical, ▣ safe izquierdo / derecho / superior / inferior o ▢ pantalla completa.

Botones bajo el lienzo:

• ↶ Deshacer / ↷ Rehacer (también Ctrl+Z y Ctrl+Y). Guarda hasta 50 cambios por medio.
• ⛶ Pantalla completa: el medio vuelve a ocupar todo el lienzo, centrado.

a) Tamaño

b) Ubicación

• Joystick de flechas (▲ ◀ ▶ ▼): mueve el medio de a pasos. El botón central ⊙ lo centra.
• Paso: elegís cuánto se mueve por clic: 1, 10, 50 o 100 píxeles.
• X e Y: también podés escribir la posición directamente, medida desde el centro: X positivo = hacia la derecha, Y positivo = hacia abajo.
• Atajos de centrado: los botones centro, safe izq., safe der., safe sup., safe inf. ubican el medio justo en esas guías.
• Copiar de: si ya tenés un medio perfectamente ubicado, lo elegís en la lista y tocás “Copiar tamaño y ubicación”: el medio actual queda igual. Ideal para que todos tus sponsors queden en el mismo lugar.

c) Reproducción

• Imagen: duración: si el medio es una foto, cuánto tiempo queda al aire. Por defecto 8 segundos (mínimo 1). Se usa cuando la imagen está en modo “desaparece” o dentro de un bloque; en modo “Queda” permanece hasta que la saques.
• 🔊 Audio: fade in / fade out: control de volumen para videos, de 0 a 10 segundos con botones − y +.
  • Fade in: el audio entra de 0 a 100 % en esos segundos.
  • Fade out: el audio baja a 0 antes de que termine el video, y también cuando hacés Stop o Restore. Con 0 el audio corta en seco.

d) Overlay: un logo encima del video

Podés poner una imagen con transparencia (por ejemplo, el logo del campeonato) por encima del video mientras está al aire. Funciona tanto en CasparCG como en el Layout.

1. Elegí la imagen de la lista (solo aparecen imágenes ya cargadas; un medio no puede ser su propio overlay).
2. Elegí la posición en la grilla de 9 posiciones: arriba, centro o abajo, a la izquierda, al centro o a la derecha. Por defecto, arriba a la derecha.
3. Ajustá el ancho (en píxeles del lienzo; el alto se calcula solo para no deformar), la opacidad (0 a 100 %) y los márgenes X / Y desde el borde elegido. En la posición central, el margen desplaza la imagen.
4. Con ▣ al safe area, el logo se ubica justo en el margen seguro de tu estilo visual.

En el lienzo, el overlay se ve con un recuadro punteado celeste para que puedas previsualizarlo.

e) Stinger: la transición profesional

Es la opción más avanzada. Un stinger es un video de transición que pasa por encima cuando entra tu medio. Tapa toda la pantalla un instante y, en ese momento, se hace el corte al medio que está debajo, sin que se vea el salto.

1. Elegí el video de transición.

   La lista solo muestra videos (no imágenes) y no incluye al propio medio. El stinger tiene que tener transparencia: WebM con alfa para el Layout o .mov con alfa para CasparCG. Si subís un .mov con alfa, Race-G genera el WebM automáticamente.

2. Marcá el “Frame completo a los … s”.

   Esta es la clave: tenés que indicar el segundo exacto en que el stinger tapa toda la pantalla. Por defecto es 1 segundo. Si lo dejás en 0, el medio arranca de inmediato, sin esperar.

3. Usá la vista previa.

   Tenés el video, una barra de tiempo y los botones ◀ cuadro / cuadro ▶ para moverte cuadro por cuadro, y también podés usar las flechas del teclado. Si el navegador no puede reproducir el archivo, Race-G pide los cuadros exactos a ffmpeg (el recuadro indica “cuadro exacto (ffmpeg)”).

4. Confirmá el cuadro.

   Cuando encuentres el cuadro en que todo está tapado (blanco, logo, animación…), tocá ✔ Usar este cuadro como frame completo.

5. Decidí si también sale con stinger.

   La casilla “también a la salida” hace que el mismo stinger se use cuando sacás el medio (Stop, Restore o fin del medio en modo “desaparece”): tapa, saca el medio de abajo y se va.

Qué pasa al hacer Play: entra el stinger; justo en el segundo que marcaste, arranca el medio por debajo; el stinger termina solo y destapa el medio ya en marcha. Lo que estaba al aire antes sigue visible debajo del stinger hasta el corte.

Columna derecha: Grupos / Bloques

Acá armás las listas de reproducción. Se explican en detalle en la sección siguiente.

9. Bloques: listas de reproducción

Un bloque es una lista de medios que se reproducen uno detrás de otro. Es ideal para una tanda de sponsors o para el cierre de la transmisión.

Cómo armar un bloque

1. En la columna derecha del Gestor tocá ＋ Nuevo grupo. Se crea un bloque llamado “Bloque 1”, “Bloque 2”…
2. Ponele un nombre claro escribiendo sobre el nombre (por ejemplo, “Sponsors Fecha 1”).
3. En la columna izquierda, seleccioná un medio y volvé al bloque para tocar ＋ medio elegido. Repetí con cada medio. Podés agregar el mismo medio más de una vez.
4. Ordená con ▲ ▼, quitá un medio con ✕, o borrá el bloque entero con 🗑 (te pide confirmación).
5. Elegí el modo del bloque (ver la tabla siguiente).

Los tres modos

Cómo usarlo al aire

1. En el panel principal, en Bloques / listas, elegí el bloque (cada opción muestra cuántos medios tiene).
2. Tocá ▶ para reproducirlo.
3. Con ⏮ y ⏭ pasás al medio anterior o siguiente.
4. Con ■ cortás el bloque.

La línea de estado debajo te informa qué está pasando: ▶ Bloque X — 2/10: archivo mientras reproduce, ⏸ pausa en la espera entre medios y ⏭ esperando avance en el modo manual. Si no hay nada en curso, dice “— sin lista en curso —”. En el Gestor, el bloque que está al aire se resalta en verde y el medio en curso lleva el símbolo ▶.

Reglas que conviene saber

• Dentro de un bloque, cada medio avanza cuando termina. El modo “Loop” no se aplica en bloques.
• Las imágenes dentro de un bloque se muestran durante su “Imagen: duración” (8 segundos por defecto).
• Un Play suelto corta el bloque en curso. Lo mismo hacen Stop y Restore.
• Los stingers de cada medio se respetan dentro del bloque.

10. Flujo de trabajo recomendado

11. Ejemplos prácticos

Ejemplo 1: placa de cierre que se queda en pantalla

1. Cargá la imagen Cierre.png con 📁.
2. En el Gestor, seleccionala y dejá el tamaño en Contener (o Adaptar si es 16:9).
3. En Reproducción, elegí Play y queda en el último cuadro.
4. En vivo: elegí el archivo y tocá Play. La placa queda en pantalla hasta que la saques.
5. Para cerrar la transmisión o volver a tus gráficos, tocá Restore.

Ejemplo 2: tanda de sponsors automática

1. Cargá las 5 imágenes de sponsors y ubicá la primera en su lugar (por ejemplo, una esquina). Con Copiar de, dejá las otras cuatro en la misma posición y tamaño.
2. Creá un grupo “Sponsors Fecha 1” y agregá las 5 imágenes en el orden deseado.
3. Con el modo Toda la lista una vez y 8 segundos por imagen, la tanda dura 5 × 8 = 40 segundos sin vaciar la pantalla.
4. Con el modo con pausa entre medios (3 segundos), dura 5 × 8 + 4 × 3 = 52 segundos, mostrando tus gráficos entre cada sponsor.
5. En el panel, elegí el bloque y tocá ▶. Si querés interrumpirlo, tocá ■ (o Restore).

Ejemplo 3: video de presentación con logo y transición

1. Cargá el video (por ejemplo, un .mp4 1920×1080) y el logo del campeonato en PNG con transparencia.
2. En el editor, dejá el video en Contener y el modo Play y desaparece.
3. En Overlay, elegí el logo, ubicalo arriba a la derecha y tocá ▣ al safe area.
4. En Audio, poné fade in y fade out de 0,5 segundos.
5. En Stinger, elegí tu cortina y marcá el cuadro en que tapa toda la pantalla. Activá “también a la salida” si querés la misma transición al terminar.
6. Play: entra el stinger, corta al video con su logo encima y, al terminar, sale con la misma transición.

12. Precauciones y buenas prácticas

13. Resolución de problemas frecuentes

14. Respaldo y traslado a otra computadora

Para llevarte todo a otra PC (o hacer una copia de seguridad), copiá:

• La carpeta /Media, con tus videos e imágenes (y las copias WebM generadas).
• El archivo media_lib.json, que guarda la configuración de cada medio (tamaño, ubicación, audio, overlay, stinger) y tus bloques.

Si usás CasparCG, recordá que también tiene que ver los archivos en su propia carpeta de medios.

15. Preguntas frecuentes

¿Puedo reproducir dos medios a la vez?
Race-G maneja un medio al aire por vez. Lo que sí podés sumar encima es un logo (overlay) y un stinger de transición.

¿La conversión a WebM modifica mi archivo original?
No. Genera una copia .webm al lado y tu original queda intacto. CasparCG sigue usando el original.

¿Se guardan mis ajustes?
Sí. Todo lo que tocás en el Gestor se guarda solo.

¿Puedo deshacer un cambio en el editor?
Sí, con ↶ Deshacer o Ctrl+Z. Se guardan hasta 50 cambios por medio. ↷ Rehacer o Ctrl+Y los recupera.

¿Cómo sé cuánto falta para que termine un video?
Mirá el reloj VTIME: el contador RESTA muestra el tiempo restante y, en los últimos 5 segundos, se pone en rojo y se agranda.

¿Cómo pongo un medio al aire más rápido?
En el Gestor, con doble clic sobre el medio.

¿Qué pasa si cierro el Gestor con un medio al aire?
Nada: el medio sigue al aire. Cerrar la ventana no lo detiene.

¿El mismo medio puede estar en varios bloques?
Sí. Y también puede repetirse dentro de un mismo bloque.

Ver también