← Blog

Cómo retransmitir una competición de skate (con marcador en directo en OBS)

Cámara, OBS y un marcador conectado de verdad al juzgado: cómo montar overlays de retransmisión para una competición de skate, y el guion para saber qué gráfico sacar en cada momento.

Has montado la competición, tienes los jueces, tienes la cámara. Haces directo en Instagram o en YouTube y… nadie que lo mire desde casa sabe quién va ganando. Se ve a un rider haciendo un run, y ya. Esa es la diferencia entre grabar una competición y retransmitirla: el marcador en directo.

Esta guía explica cómo hacerlo con OBS (gratis) y con el marcador conectado de verdad al juzgado, sin que nadie tenga que ir escribiendo notas a mano mientras el evento corre.

Los tres niveles de producción

No hace falta llegar al último nivel el primer día. Cada uno es una mejora real sobre el anterior:

  1. Móvil y ya. Un directo con el teléfono desde la valla. Sirve para existir, pero el espectador no tiene contexto: ni nombre, ni nota, ni clasificación.
  2. OBS + overlays. Un portátil, una cámara (o el propio móvil como webcam) y gráficos encima: quién patina, qué nota ha sacado, cómo va el ranking. Es el salto de calidad grande, y es lo que cubre esta guía.
  3. Multicámara + pantalla en el park. Dos o tres cámaras, realización, y la misma información proyectada también para el público presencial.

Qué necesitas

  • OBS Studio (gratuito, Mac/Windows/Linux). vMix también sirve si ya lo usas.
  • Una cámara. Una réflex con capturadora, una webcam decente o un móvil haciendo de cámara.
  • Subida de internet estable. Unos 5 Mbps de subida reales para 1080p. En el skatepark, cable o 4G/5G dedicado antes que el wifi compartido.
  • Una fuente de puntuación en directo — la pieza que casi todo el mundo se salta.

El problema real no es OBS: es el marcador

Montar una escena en OBS es fácil. Lo que siempre se rompe es mantener el marcador actualizado. Los dos apaños habituales:

  • Un fichero de texto o un Google Sheet que alguien va editando. Funciona veinte minutos. Cuando el evento se acelera, la persona del marcador se queda atrás, y lo que se ve en pantalla ya no coincide con lo que ha dicho el speaker.
  • Gráficos hechos a mano en Photoshop para cada heat. Preciosos e imposibles de mantener en directo.

La solución es que el marcador beba directamente del juzgado: cuando los jueces cierran una nota, el overlay cambia solo. Cero personas copiando números.

Cómo funcionan los overlays en OBS (browser sources)

Un overlay de OBS no es un vídeo ni una imagen: es una página web con fondo transparente. OBS la abre en un navegador interno y la superpone sobre la cámara. Como es una página web en vivo, si los datos cambian, el gráfico cambia — sin tocar OBS.

En la práctica, añadir una es esto:

  1. En OBS: Fuentes → + → Navegador (Browser).
  2. Pega la URL del overlay.
  3. Pon Ancho 1920 y Alto 1080 (o la resolución de tu canvas).
  4. Deja "Apagar la fuente cuando no esté visible" desmarcado, para que no se reconecte en cada cambio de escena.
  5. Colócala por encima de la fuente de cámara en la lista de fuentes.
💡 Fondo transparente: no hace falta chroma key ni CSS personalizado. Los overlays ya vienen con el fondo transparente; lo que ves como "blanco" al abrirlos en el navegador es el fondo del navegador, no del overlay. Sobre el vídeo se verán limpios.

Con Triqs, cada competición genera sus URLs de overlay y te las copias con un botón desde Producción. Tienen esta forma:

https://tricqs.app/broadcast/<tu-org>/<id-competicion>?gfx=ranking

Cambiando gfx tienes cada gráfico por separado. Y si quieres empezar simple, está el programa completo (?gfx=all): una sola fuente de navegador que ya muestra y oculta el gráfico que toca en cada momento. Para un primer directo, con esa basta.

Qué gráficos necesitas en una competición de skate

Aquí es donde una herramienta genérica de deportes se queda corta. Una competición de skate no es un partido con dos marcadores que suben: es una secuencia de runs con notas que llegan a golpes, y el ritmo del gráfico tiene que seguir ese patrón.

GráficoCuándo lo sacasQué resuelve
Orden de salidaAntes del heatEl espectador sabe quién viene y en qué orden
Título de faseEntrada del heat"Street Open · Semifinal 2" — sitúa lo que está viendo
Intro del riderJusto antes del runNombre, país, foto: presenta a quien patina
Lower-thirdDurante el runNombre + nota en vivo sin tapar la acción
Reloj / timerRuns cronometradosTensión: cuánto queda de run
Score popAl cerrarse la notaEl momento. Nota en pantalla, grande
Desglose del runJusto despuésQué trucos ha hecho y qué ha sumado cada uno
RankingEntre runsCómo queda la cosa ahora mismo
Siguiente riderTransiciónMantiene el ritmo, evita el vacío
Head-to-headDuelos / best trickDos riders comparados cara a cara
Ticker inferiorContinuamenteResultados pasando sin robar pantalla
SponsorsContinuamente / descansosCumples con quien te ha pagado el evento
Podio / ResultadosFinalEl cierre, y la captura que se comparte
Lower-third con la bandera, el nombre del rider y el número de run
Lower-third: quién patina, qué run y cuántos trucos lleva. Discreto, abajo a la izquierda.
Score pop a pantalla completa con la nota 312.4 y la etiqueta de líder
Score pop: el momento en que se cierra la nota. A pantalla y fuera en pocos segundos.
Podio a pantalla completa con los tres primeros, sus notas y el resto de la clasificación
Podio: el cierre de la categoría — y el fotograma que la gente captura y comparte.

Un guion de retransmisión que funciona

Si tienes que elegir el orden mental de un heat, este es un patrón probado:

  1. Antes del heat: título de fase → orden de salida (unos 10 segundos cada uno).
  2. Rider en la puerta: intro del rider.
  3. Durante el run: lower-third + reloj si el formato es cronometrado. Nada más: que se vea patinar.
  4. Nota cerrada: score pop, y acto seguido el desglose si es un formato por trucos.
  5. Entre riders: ranking → siguiente rider.
  6. Final del heat: ranking completo unos segundos más largos.
  7. Final de la categoría: podio, y bumper de patrocinadores mientras se prepara la siguiente.
⏱️ Regla práctica: ningún gráfico más de 12 segundos excepto el ranking final de heat. Si el gráfico está más rato que el skate, la has liado.

Que todo tenga el mismo aspecto

El síntoma de un directo amateur no es la calidad de la cámara: es que cada gráfico parece de un evento distinto. Por eso en Triqs eliges un solo diseño para la competición y todos los gráficos se adaptan — hay seis, de oscuro y minimal a barra blanca estilo World Skate o alto contraste tipo TV — con un color de acento que puedes poner al de tu marca o al del patrocinador.

Overlay de ranking en directo con el diseño Triqs, sobre un fondo de vídeo oscuro
Triqs
Overlay de ranking en directo con el diseño Broadcast, sobre un fondo de vídeo oscuro
Broadcast
Overlay de ranking en directo con el diseño Editorial, sobre un fondo de vídeo oscuro
Editorial
Overlay de ranking en directo con el diseño Neon, sobre un fondo de vídeo oscuro
Neon
Overlay de ranking en directo con el diseño Minimal, sobre un fondo de vídeo oscuro
Minimal
Overlay de ranking en directo con el diseño TV Broadcast, sobre un fondo de vídeo oscuro
TV Broadcast

El mismo ranking con los seis diseños. Se elige una vez en el Setup y todos los gráficos (y la Pantalla del park) se adaptan. Los rótulos van en catalán, castellano o inglés — también desde el Setup, o por fuente con ?lang=en.

Todo se dibuja sobre un lienzo de 1920×1080 que se escala solo, así que el mismo overlay sirve para un directo a 720p y para una producción a 4K sin que las letras se hagan pequeñas o se corten.

La pantalla del skatepark (sin OBS)

Muchos eventos grassroots no hacen streaming, pero sí tienen un proyector o una tele en el park. Es la misma idea y aún más fácil: abres la Pantalla a pantalla completa en un portátil conectado al proyector y el público presencial ve el ranking y las notas en directo, con el mismo diseño que usarías en OBS.

Si tienes que elegir por dónde empezar, empieza por aquí: impacto inmediato, cero configuración de streaming.

Los errores que verás el primer día

  • El wifi del skatepark. Es el punto de fallo número uno. Lleva 4G/5G de reserva y, si puedes, cable para el ordenador que emite.
  • Resolución descuadrada. Si el canvas de OBS es 1920×1080, la fuente de navegador también. Mezclar resoluciones es lo que hace que los gráficos salgan borrosos o recortados.
  • Contraste sobre el vídeo. Un skatepark de hormigón a pleno sol es un fondo claro. Los diseños con barra sólida se leen mucho mejor que los translúcidos en esas condiciones.
  • Sobrecargar la pantalla. Ranking + ticker + sponsors + lower-third a la vez y ya no se ve el skate. Un gráfico principal cada vez.
  • Probarlo el mismo día. Monta las escenas el día antes con datos de prueba. Diez minutos que te salvan el evento.

Después del directo: que la competición circule

El directo se acaba y el 90% de la audiencia que te importa no lo ha visto. Lo que sí verán son los resultados en Instagram. Generar una imagen de resultados ya maquetada — con el mismo diseño que has usado en directo — y subirla antes de que la gente se vaya del park es lo que hace que el evento siguiente tenga más inscritos.

Resumen

  • Retransmitir = cámara + OBS + marcador conectado al juzgado. Sin lo último, es grabar.
  • Los overlays son páginas web: fuente de navegador a 1920×1080, encima de la cámara.
  • Empieza con un solo overlay (programa completo) y añade cuando te sobre atención.
  • Un diseño único para toda la competición, y ningún gráfico más de 12 segundos.
  • Si no haces streaming, la pantalla en el park ya te da el 80% del valor.

Para lo que hay antes del directo: cómo organizar una competición de skate y cómo se juzga el skate. Para elegir herramienta, la comparativa de softwares.

Retransmite tu próxima competición

Triqs lleva el juzgado y los gráficos de retransmisión a la misma herramienta: cuando los jueces cierran una nota, el overlay de OBS y la pantalla del park cambian solos. Seis diseños, y la primera competición te la montamos contigo.