Com retransmetre una competició d'skate (amb marcador en directe a OBS)
Càmera, OBS i un marcador connectat de debò al jutjat: com muntar overlays de retransmissió per a una competició d'skate, i el guió per saber quin gràfic treure a cada moment.
Has muntat la competició, tens els jutges, tens la càmera. Fas directe a Instagram o a YouTube i… ningú que ho miri des de casa sap qui va guanyant. Es veu un rider fent un run, i prou. Aquesta és la diferència entre gravar una competició i retransmetre-la: el marcador en directe.
Aquesta guia explica com fer-ho amb OBS (gratis) i amb el marcador connectat de debò al jutjat, sense que ningú hagi d'anar escrivint notes a mà mentre l'event corre.
Els tres nivells de producció
No cal anar a l'últim nivell el primer dia. Cadascun és una millora real sobre l'anterior:
- Mòbil i prou. Un directe amb el telèfon des de la tanca. Serveix per existir, però l'espectador no té context: ni nom, ni nota, ni classificació.
- OBS + overlays. Un portàtil, una càmera (o el mateix mòbil com a webcam) i gràfics a sobre: qui patina, quina nota ha tret, com va el rànquing. És el salt de qualitat gros, i és el que cobreix aquesta guia.
- Multicàmera + pantalla al park. Dues o tres càmeres, realització, i la mateixa informació projectada també per al públic presencial.
Què necessites
- OBS Studio (gratuït, Mac/Windows/Linux). vMix també serveix si ja el fas servir.
- Una càmera. Una rèflex amb capturadora, una webcam decent o un mòbil fent de càmera.
- Pujada d'internet estable. Uns 5 Mbps de pujada reals per a 1080p. Al skatepark, cable o 4G/5G dedicat abans que el wifi compartit.
- Una font de puntuació en directe — la peça que gairebé tothom es salta.
El problema real no és OBS: és el marcador
Muntar una escena a OBS és fàcil. El que es trenca sempre és mantenir el marcador actualitzat. Els dos apanys habituals:
- Un fitxer de text o un Google Sheet que algú va editant. Funciona vint minuts. Quan l'event s'accelera, la persona del marcador es queda enrere, i el que es veu a pantalla ja no coincideix amb el que ha dit el speaker.
- Gràfics fets a mà a Photoshop per a cada heat. Boniquíssims i impossibles de mantenir en directe.
La solució és que el marcador begui directament del jutjat: quan els jutges tanquen una nota, l'overlay canvia sol. Zero persones copiant números.
Com funcionen els overlays a OBS (browser sources)
Un overlay d'OBS no és un vídeo ni una imatge: és una pàgina web amb fons transparent. OBS l'obre en un navegador intern i la superposa sobre la càmera. Com que és una pàgina web en viu, si les dades canvien, el gràfic canvia — sense tocar OBS.
A la pràctica, afegir-ne una és això:
- A OBS: Fonts → + → Navegador (Browser).
- Enganxa l'URL de l'overlay.
- Posa Amplada 1920 i Alçada 1080 (o la resolució del teu canvas).
- Deixa desmarcada l'opció "Apaga la font quan no estigui visible", perquè no es reconnecti a cada canvi d'escena.
- Col·loca-la per sobre de la font de càmera a la llista de fonts.
Amb Triqs, cada competició genera els seus URLs d'overlay i te'ls copies amb un botó des de Producció. Tenen aquesta forma:
https://tricqs.app/broadcast/<la-teva-org>/<id-competicio>?gfx=ranking
Canviant gfx tens cada grafisme per separat. I si vols començar simple, hi ha el programa complet (?gfx=all): una sola font de navegador que ja mostra i amaga el gràfic que toca en cada moment. Per a un primer directe, amb aquesta n'hi ha prou.
Quins grafismes necessites en una competició d'skate
Aquí és on una eina genèrica d'esports es queda curta. Una competició d'skate no és un partit amb dos marcadors que pugen: és una seqüència de runs amb notes que arriben a cops, i el ritme del gràfic ha de seguir aquest patró.
| Grafisme | Quan el treus | Què resol |
|---|---|---|
| Ordre de sortida | Abans de l'heat | L'espectador sap qui ve i en quin ordre |
| Títol de fase | Entrada de l'heat | "Street Open · Semifinal 2" — situa el que està veient |
| Intro del rider | Just abans del run | Nom, país, foto: presenta qui patina |
| Lower-third | Durant el run | Nom + nota en viu sense tapar l'acció |
| Rellotge / timer | Runs cronometrats | Tensió: quant queda de run |
| Score pop | Quan es tanca la nota | El moment. Nota a pantalla, gran |
| Desglossament del run | Just després | Quins trucs ha fet i què ha sumat cadascun |
| Rànquing | Entre runs | Com queda la cosa ara mateix |
| Següent rider | Transició | Manté el ritme, evita el buit |
| Head-to-head | Duels / best trick | Dos riders comparats cara a cara |
| Ticker inferior | Contínuament | Resultats passant sense robar pantalla |
| Sponsors | Contínuament / descansos | Compleixes amb qui t'ha pagat l'event |
| Podi / Resultats | Final | El tancament, i la captura que es comparteix |
Un guió de retransmissió que funciona
Si has de triar l'ordre mental d'un heat, aquest és un patró provat:
- Abans de l'heat: títol de fase → ordre de sortida (uns 10 segons cadascun).
- Rider a la porta: intro del rider.
- Durant el run: lower-third + rellotge si el format és cronometrat. Res més: que es vegi patinar.
- Nota tancada: score pop, i tot seguit el desglossament si és un format per trucs.
- Entre riders: rànquing → següent rider.
- Final de l'heat: rànquing complet uns segons més llargs.
- Final de la categoria: podi, i bumper de patrocinadors mentre es prepara la següent.
Que tot tingui el mateix aspecte
El símptoma d'un directe amateur no és la qualitat de la càmera: és que cada gràfic sembla d'un event diferent. Per això a Triqs tries un sol disseny per a la competició i tots els grafismes s'hi adapten — n'hi ha sis, de fosc i minimal a barra blanca estil World Skate o alt contrast tipus TV — amb un color d'accent que pots posar al de la teva marca o al del patrocinador.
El mateix rànquing amb els sis dissenys. Es tria un cop al Setup i tots els grafismes (i la Pantalla del park) s'hi adapten. Els rètols van en català, castellà o anglès — també des del Setup, o per font amb ?lang=en.
Tot es dibuixa sobre un llenç de 1920×1080 que s'escala sol, així que el mateix overlay serveix per a un directe a 720p i per a una producció a 4K sense que les lletres es facin petites o es tallin.
La pantalla del skatepark (sense OBS)
Molts events grassroots no fan streaming, però sí que tenen un projector o una tele al park. És la mateixa idea i encara més fàcil: obres la Pantalla a pantalla completa en un portàtil connectat al projector i el públic presencial veu el rànquing i les notes en directe, amb el mateix disseny que faries servir a OBS.
Si has de triar per on començar, comença per aquí: impacte immediat, zero configuració de streaming.
Els errors que veuràs el primer dia
- El wifi del skatepark. És el punt de fallada número u. Porta 4G/5G de reserva i, si pots, cable per a l'ordinador que emet.
- Resolució desquadrada. Si el canvas d'OBS és 1920×1080, la font de navegador també. Barrejar resolucions és el que fa que els gràfics surtin borrosos o retallats.
- Contrast sobre el vídeo. Un skatepark de formigó a ple sol és un fons clar. Els dissenys amb barra sòlida es llegeixen molt millor que els translúcids en aquestes condicions.
- Sobrecarregar la pantalla. Rànquing + ticker + sponsors + lower-third alhora i ja no es veu l'skate. Un gràfic principal a la vegada.
- Provar-ho el mateix dia. Munta les escenes el dia abans amb dades de prova. Deu minuts que et salven l'event.
Després del directe: que la competició circuli
El directe s'acaba i el 90% de l'audiència que t'importa no l'ha vist. El que sí que veuran són els resultats a Instagram. Generar una imatge de resultats ja maquetada — amb el mateix disseny que has fet servir en directe — i penjar-la abans que la gent marxi del park és el que fa que l'event següent tingui més inscrits.
Resum
- Retransmetre = càmera + OBS + marcador connectat al jutjat. Sense l'últim, és gravar.
- Els overlays són pàgines web: font de navegador a 1920×1080, per sobre de la càmera.
- Comença amb un sol overlay (programa complet) i afegeix-ne quan et sobri atenció.
- Un disseny únic per a tota la competició, i cap gràfic més de 12 segons.
- Si no fas streaming, la pantalla al park ja et dona el 80% del valor.
Per al que hi ha abans del directe: com organitzar una competició d'skate i com es jutja l'skate. Per triar eina, la comparativa de softwares.
Triqs porta el jutjat i els grafismes de retransmissió a la mateixa eina: quan els jutges tanquen una nota, l'overlay d'OBS i la pantalla del park canvien sols. Sis dissenys, i la primera competició te la muntem amb tu.