Metti il torneo in diretta
Punteggi e classifiche che si aggiornano da soli sopra la tua ripresa. Dieci minuti, una volta sola.
Ti serve solo:
OBS (versione 28 o più recente) e i link che ti manda l’organizzatore del torneo. Niente plugin, niente account Rankly, niente login.
Il punteggio sopra la ripresa
Una sorgente Browser, e si aggiorna da sola per tutta la giornata.
- In OBS: Sorgenti → + → Browser.
- Incolla il link nel campo URL.
- Scrivi larghezza e altezza come indicato accanto al link.
- Togli la spunta a «Spegni la sorgente quando non è visibile».
Trascinala dove vuoi. Il fondo è già trasparente: nessun filtro, nessun chroma key.
Si prepara prima del torneo. Il link è lo stesso dalla bozza alla finale: puoi metterlo in OBS anche giorni prima. Fino all’avvio la sovrimpressione resta vuota, all’avvio si accende da sola. Per sistemare la scena chiedi il link coi dati di prova: fino all’avvio mostra un girone con nomi inventati (e, nel punteggio, un finish ogni cinque secondi), poi passa da solo ai dati veri. Non tenerlo in onda prima del via.
Nel punteggio ogni finish registrato dall’arbitro fa partire un’animazione dentro il riquadro, dal lato di chi ha segnato. Se la tua telecamera vede i giocatori al contrario, li giri dalla regia con «⇄ Scambia i lati» (passo 2).
Ci sono altre sovrimpressioni oltre al punteggio
L’organizzatore può mandarti il link di ognuna. Si aggiungono tutte allo stesso modo, anche su scene diverse.
- Punteggio — i due nomi e il punteggio, che sale a ogni lancio registrato dall’arbitro.
900 × 180 - Punteggio esteso — il punteggio e sotto, nella stessa larghezza, forma, scontri diretti e pronostico.
900 × 270 - Pronostico — a colonna, da mettere a lato: chi è favorito, con la forma e il punteggio di adesso.
440 × 310 - Precedenti — a colonna: com’è finita le altre volte fra questi due.
440 × 350 - Classifica del girone — i primi otto.
520 × 470 - Prossimi match — per riempire i cambi tavolo.
660 × 370
Scegli tu quale match si vede
Un pannello dentro OBS, accanto alle scene. Non va in onda: serve a te.
- In OBS: Vista → Dock → Dock browser personalizzati.
- Dai un nome («Rankly»), incolla il link della regia, premi Applica.
- Trascina il pannello dove ti è comodo.
Tocchi un match e tutte le sovrimpressioni passano su quello. Automatico le rimette a seguire da sole il match più avanti. In testa ci sono i match in corso, col tavolo dove si giocano; con più gironi puoi stringere l’elenco a uno solo. «⇄ Scambia i lati» gira i due giocatori su tutte le sovrimpressioni, per quando la telecamera li vede al contrario; un altro tocco li rimette com’erano.
Telecamera fissa su un tavolo? Chiedi il link che segue il tavolo: la sovrimpressione mostra il match chiamato lì e passa da sola al successivo, senza che tu tocchi la regia (che su quella sorgente non conta). Con più telecamere, una sorgente per tavolo.
Il torneo dentro Twitch
Facoltativo, e non c’entra con OBS: serve a chi ti guarda dal telefono.
Un pannello sotto il tuo player con il torneo, i match e la classifica — più una striscia sopra il video col match in onda. Lo installi tu sul tuo account Twitch: è gratis, non c’è nessuna approvazione da aspettare e non lo vede nessun altro.
Come si installa, passo per passo
Serve un account Twitch con l’autenticazione a due fattori attiva.
- Vai su
dev.twitch.tv/console/extensions/create. - Nome: Rankly. Tipi: spunta Panel e Video - Fullscreen/Overlay. Panel Height:
400. - In Asset Hosting scrivi:
panel.html,video_overlay.html,config.html(nell’ordine: pannello, sovrimpressione, configurazione). - In Capabilities → Allowlist for URL Fetching Domains aggiungi
api.rankly.it. Questo non si può saltare: senza, il pannello resta vuoto. - In Files carica lo zip così com’è, senza scompattarlo.
- Premi Move To Hosted Test.
- Sul tuo canale: Impostazioni → Estensioni → Rankly, attivala e premi Configura.
- Scrivi l’indirizzo della community su Rankly (per esempio
pbi) e salva.
Fatto: da qui in avanti mostra da sé il torneo in corso di quella community, e quando finisce passa al successivo.
Buono a sapersi
Non si vede niente
Se il torneo non è ancora partito la sovrimpressione resta trasparente apposta: in onda non compare un riquadro vuoto. Se invece il torneo è in corso, tasto destro sulla sorgente → Aggiorna la cache della pagina.
Se è il pannello dentro Twitch a essere vuoto: quasi sempre manca api.rankly.it nell’allowlist, oppure non hai ancora scritto l’indirizzo della community nelle impostazioni dell’estensione.
Si vede tagliata
Larghezza e altezza della sorgente non corrispondono alla misura indicata: correggile nelle proprietà. Non tirare gli angoli, o il testo si sgrana.
Metterla in un sito invece che in OBS
Aggiungi &adatta=1 al link e mettilo in un iframe: la sovrimpressione prende la larghezza dell’iframe tenendo le proporzioni, e scala non serve più.
Per l’altezza, la pagina riceve un messaggio a ogni cambio: { type: 'rankly:overlay:height', height }. Si riconosce il proprio iframe da event.source e gli si dà quell’altezza, come per la pagina incorporata del torneo.
Il fondo resta trasparente se l’iframe ha color-scheme: normal: con uno schema di colori diverso da quello della sovrimpressione il browser dipinge un fondo pieno.
Il punteggio non sale durante la partita
Vuol dire che l’arbitro segna solo il risultato finale invece dei singoli lanci: in quel caso si aggiorna a match concluso. È una scelta di chi arbitra.
Cosa Rankly non fa (ancora)
Non apre i pronostici di Twitch e non li risolve, non scrive in chat, non cambia scena da solo a fine match. L’estensione mostra il torneo ma non è interattiva: gli spettatori guardano, non votano.
Se ti servono, dillo all’organizzatore del torneo.
Organizzi il torneo e cerchi i link? Stanno nella pagina Overlay del torneo, nella tua dashboard.