Più canali e overlay separati

1. Riunisci l'acquisizione in una sessione

Aggiungi in SSN le chat sorgente desiderate e conferma che un nuovo messaggio da ciascuna raggiunga lo stesso Dock della chat in diretta (Streaming Chat Dock) senza filtri. Mantieni quel dock come vista operatore.

Copia i link generati affinché sessione, password, versione e impostazioni server restino intatte. Aggiungi ogni vista del pubblico come sorgente browser OBS separata. Assegna alle sorgenti OBS nomi descrittivi come Chat Twitch e Chat di YouTube.

2. Dividi la chat scorrevole per piattaforma

Per la chat scorrevole, crea due copie dell'URL generato dock.html . Aggiungi queste opzioni alle rispettive copie:

Ad esempio, con una connessione predefinita:

https://socialstream.ninja/dock.html?session=YOUR_SESSION_ID&onlyfrom=twitch&hidemenu

Usa onlyfrom e hidefrom per queste pagine. Non presumere che un'opzione come onlytype di un altro overlay funzioni qui. Usa youtubeshorts separatamente quando l'acquisizione segnala quel tipo. Vedi Tipi di sorgente.

3. Dividi i messaggi selezionati

Per la chat selezionata anziché scorrevole, duplica il link generato di featured.html e aggiungi &onlyfrom=twitch a una copia e &onlyfrom=youtube all'altra. Mantieni aperto il dock operatore per selezionare i messaggi.

L'attuale parametro Featured Chat onlyfrom accetta un solo tipo di sorgente. L'esempio del dock con valori separati da virgole sopra non deve essere copiato in quel campo di Featured Chat.

4. Due canali sulla stessa piattaforma

onlyfrom=twitch seleziona Twitch come piattaforma, non un canale Twitch specifico. Nomi dei canali e titoli delle dirette sono metadati, non nomi intercambiabili dei filtri URL. Aggiungi &showchannelname per mostrare i nomi dei canali quando forniti dalla sorgente.

Per il filtraggio avanzato del dock, &filtertid=123 accetta l'ID numerico della scheda di origine; supporta ID separati da virgole. Esamina un payload effettivamente acquisito per ottenerne il tid (vedi Riferimento degli eventi e Comandi e API). Non usare qui un ID canale della piattaforma. Gli ID delle schede possono cambiare quando le sorgenti vengono riaperte, e le sorgenti senza un ID scheda corrispondente possono essere escluse. È un'opzione del dock, non un filtro canale generale per Featured Chat.

Per produzioni completamente indipendenti, usa istanze/profili di acquisizione separati con sessioni distinte e apri in ciascuno solo le sorgenti previste per quella produzione. Assegnare una sessione diversa a un overlay senza acquisizione corrispondente lo lascerà inattivo. Il parametro dell'overlay label identifica una pagina per l'instradamento; non è un filtro canale.

5. Verifica ogni vista del pubblico

1. Invia un messaggio di test Twitch fittizio e uno YouTube fittizio in una sessione isolata usando Crea messaggi di test.
2. Conferma che entrambi compaiano nel dock operatore e che ogni overlay scorrevole mostri solo la sorgente prevista.
3. Porta in primo piano ogni messaggio e prova il pulsante per cancellarlo. Controlla tutte le pagine in primo piano visibili dopo aver cambiato piattaforma.
4. Ripeti con un messaggio reale da ciascuna delle tue sorgenti connesse, poiché i messaggi sintetici non possono determinare gli ID effettivi delle schede sorgente.

Se una vista è vuota, rimuovi temporaneamente il filtro. Se la chat torna, controlla il tipo di sorgente o l'ID scheda esatto. Se resta vuota, usa risoluzione dei problemi di sessione e instradamento. Cambiare il nome di una sorgente OBS non aggiorna il suo URL salvato.

6. Chat e avvisi in una sola scheda browser

Usa Combina overlay per sovrapporre URL overlay esistenti in una scheda o una sorgente browser OBS. È utile per leggere la chat su un telefono durante una diretta IRL.

1. Incolla l'URL generato Streaming Chat Dock nel livello inferiore e l'URL Multi-Stream Alert Box in quello superiore. Mantieni sessione, password e opzioni di connessione in entrambi i link.
2. Lascia Sfondo SSN trasparente selezionato. Attiva «Consenti tocchi e scorrimento su questo livello» per la chat e disattivalo per gli avvisi, così non bloccano l’interazione con la chat.
3. Seleziona Anteprima, poi Mostra codice QR e scansiona con la fotocamera del telefono. Oppure seleziona Copia link combinato per incollare il risultato in una sorgente browser. La vista combinata non ha controlli di configurazione.

Puoi aggiungere fino a otto URL e usare i pulsanti freccia per spostare un livello dietro o davanti a un altro. Per impostazione predefinita, i livelli riempiono il browser. Espandi Dimensione e posizione su un livello per impostarne larghezza, altezza, scostamento da sinistra e dall'alto in pixel (ad esempio, 450) oppure percentuali (ad esempio, 100%). Larghezza e altezza vuote riempiono il browser; gli scostamenti vuoti partono dall'angolo in alto a sinistra. Ripristina a schermo intero cancella il posizionamento di quel livello. Ogni overlay mantiene i propri contenuti e impostazioni.

Per una colonna chat a sinistra in una sorgente browser OBS 1920×1080, imposta la larghezza del livello chat su 450, l'altezza su 1080, la posizione da sinistra su 0, e la posizione dall'alto su 0. Gli altri livelli possono restare a schermo intero. Per Hype sopra la chat e Featured Chat spostata a destra, usa la ricetta di layout OBS sotto. Le dimensioni in pixel restano fisse quando il browser cambia dimensione; le percentuali seguono la larghezza o l'altezza del browser.

Usa il link modificabile per riaprire la configurazione con URL e posizioni già compilati. Per modificare successivamente un link combinato, aggiungi ?edit=1 prima del suo #.

I link e le opzioni dei livelli vengono salvati automaticamente in questo browser, incluse le configurazioni incomplete. Riapri Combina overlay per continuare a modificare, oppure seleziona Cancella configurazione salvata per ricominciare. L'archivio del browser può non essere disponibile o essere temporaneo nella navigazione privata.

Il link combinato e il codice QR contengono layout e URL completi. Configura sul desktop, scansiona una volta sul telefono, poi salva la vista combinata tra i preferiti. Aprendola, la configurazione viene salvata anche nel browser del telefono. Le modifiche sul desktop non aggiornano automaticamente un link precedente: copia o scansiona il nuovo link dopo la modifica. Questa funzione non sincronizza le impostazioni tramite l'ID sessione.

Mantieni link combinati e codici QR privati quanto i singoli link overlay. L'acquisizione SSN deve restare in esecuzione e il telefono deve poter raggiungere i server usati dagli URL originali. Un indirizzo localhost oppure 127.0.0.1 punta al dispositivo che apre il link. Gli URL molto lunghi possono superare la capacità del QR; il link combinato può comunque essere copiato.

Ricetta OBS: colonna chat a sinistra con effetti a schermo intero

Non serve CSS per questo layout. Ogni livello ha la propria area browser. Imposta la sorgente browser OBS complessiva su 1920×1080, poi usa questi valori nella sezione di ogni livello Dimensione e posizione. Inserisci solo i numeri, senza virgole o “px”. Aggiungi i livelli in quest'ordine, dal basso:

I primi 80 pixel sono riservati a Hype, lasciando sotto una colonna chat larga 450 pixel. Per far occupare alla chat tutta l'altezza dietro Hype, imposta invece l'altezza di Live Chat su 1080 e la posizione dall'alto su 0. Dimensioni diverse della scena richiedono valori diversi in pixel.

1. Incolla gli URL completi degli overlay. Copiali dalle proprietà delle sorgenti browser esistenti, mantenendo sessione, password, stili e impostazioni di connessione. Lascia Sfondo SSN trasparente selezionato. Ritaglio, trasformazioni, filtri e campo CSS personalizzato di OBS non fanno parte dell'URL e non vengono trasferiti.
2. Centra Hype nella colonna. Nell’URL di hype.html , imposta align=center (sostituisci un eventuale align=left oppure align=right, e rimuovi alignright se presente). Con un URL che contiene già ?session=..., aggiungi &align=center. Uno stile iniziale compatto facoltativo è &combineall&hidetitle&style=compact&scale=0.75; sostituisci i valori esistenti anziché duplicarli. Aumenta l'altezza del livello Hype se lo stile scelto richiede più spazio.
3. Mantieni Featured Chat fuori dalla colonna chat. Imposta Sinistra = 450 e Larghezza = 1470 insieme: 450 + 1470 = 1920. Spostare a destra di 450 un livello largo 1920 ne taglierebbe il bordo destro. Featured Chat posiziona comunque il messaggio vicino al fondo della propria area. Per centrare i messaggi più brevi in quell'area, aggiungi &center al suo featured.html URL. Per messaggi centrati sull'intera scena, usa invece Sinistra = 0, Larghezza = 1920 e &center.
4. Mantieni NinjaBacker sopra Featured Chat. Incolla l'URL dell'overlay per il pubblico come ultimo livello, con l'impostazione esistente dell'animazione di ingresso da destra. Il combinatore controlla area e ordine dei livelli; l'overlay NinjaBacker controlla animazione e posizionamento interno. Lo sfondo deve essere trasparente e il sito deve consentire l'incorporamento. Questo livello facoltativo non faceva parte del test di esempio con quattro overlay.
5. Anteprima a 1920×1080. Invia un messaggio chat di test con emoji, porta in primo piano un messaggio dal dock e abilita i dati Hype in SSN. La chat normale, da sola, non seleziona un messaggio Featured Chat. Conferma che ogni overlay funzioni separatamente se resta vuoto.
6. Copia il nuovo link combinato in OBS. Imposta la larghezza della sorgente browser stessa su 1920 e l'altezza su 1080. Le dimensioni di anteprima del combinatore non impostano quelle di OBS. Adatta la nuova sorgente alla scena senza ritagliarla. Dopo ogni modifica del layout, copia di nuovo il link combinato; un vecchio link OBS manterrà il vecchio layout.

Prestazioni: una sola sorgente browser esegue comunque ogni overlay incorporato e le sue connessioni. La combinazione riduce il numero di sorgenti OBS, ma non garantisce un uso minore di CPU o memoria. Chiudi l'anteprima browser al termine e confronta le prestazioni OBS con le vecchie sorgenti disabilitate. Le prestazioni su M1 macOS/OBS e il tuo URL NinjaBacker specifico richiedono ancora verifiche nella tua configurazione. Puoi mantenere Live Chat separata e combinare solo gli altri overlay, se funziona meglio.

Se un livello è vuoto o copre la chat

• Apri prima ogni URL originale separatamente. Gli avvisi restano normalmente vuoti finché non arriva un evento; combinare le pagine non acquisisce nuovi eventi.
• La trasparenza automatica supporta dock.html, featured.html, multi-alerts.html, e minecraft.html. Le altre pagine richiedono le proprie impostazioni di sfondo trasparente. Alcuni siti esterni bloccano del tutto l'incorporamento.
• Un livello trasparente può comunque bloccare i tocchi. Disattiva Consenti tocchi e scorrimento su qualsiasi livello sopra la chat che non richiede interazione.
• I browser mobili possono richiedere un'interazione con una pagina prima di riprodurre suoni. Se necessario, abilita l'interazione per quel livello e toccalo; le restrizioni di riproduzione automatica del browser si applicano comunque. Controlla l'audio sul telefono effettivo prima di farci affidamento.