Più canali e overlay separati

Separa la chat per piattaforma in 4 passaggi

Esempio: una sovrimpressione mostra solo Twitch, un'altra solo YouTube. Tu continui a leggere tutto in un unico Dock.

1. Aggiungi tutte le chat a Social Stream Ninja. Verifica che un nuovo messaggio da ciascuna appaia nel tuo Dock della chat in diretta (Streaming Chat Dock). Mantieni quel Dock senza filtri. È la tua vista personale.
2. Copia il link generato di dock.html due volte. La copia conserva sessione, password, versione e impostazioni del server.
3. Aggiungi un filtro alla fine di ogni copia, come &onlyfrom=twitch&hidemenu (vedi la tabella sotto).
4. Aggiungi ogni link a OBS come una Sorgente browser. Assegna nomi chiari, come Chat Twitch e Chat di YouTube.

Opzioni di filtro per sovrimpressioni chat

Un esempio completo:

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

Separa Featured Chat (messaggi selezionati)

1. Copia il link generato di featured.html due volte.
2. Aggiungi &onlyfrom=twitch a uno e &onlyfrom=youtube all'altro.
3. Mantieni aperto il Dock per scegliere i messaggi.

Il filtro decide solo quali messaggi selezionati accetta una pagina. Non crea code separate. Un messaggio rifiutato non cancella lo schermo. Quando cambi segmento, cancella il messaggio in evidenza per non lasciare visibile quello precedente.

Due canali sulla stessa piattaforma

onlyfrom=twitch indica tutto Twitch, non un solo canale Twitch. I nomi dei canali e i titoli delle dirette non possono essere usati come nomi dei filtri.

Prova ogni vista

1. Invia un messaggio simulato Twitch e uno YouTube in una sessione di test. Usa Crea messaggi di test.
2. Verifica che entrambi appaiano nel Dock e che ogni sovrimpressione chat mostri solo la propria piattaforma.
3. Metti in evidenza ogni messaggio, poi premi cancella. Controlla ogni pagina dei messaggi in evidenza dopo aver cambiato piattaforma.
4. Ripeti con un messaggio reale da ogni sorgente. I messaggi simulati non hanno ID di scheda reali.

Chat e avvisi in una scheda del browser

Combina overlay sovrappone i link delle sovrimpressioni in una scheda o una sorgente browser OBS. È utile per leggere la chat sul telefono durante una diretta IRL.

1. Incolla il link del tuo Dock della chat in diretta (Streaming Chat Dock) nel livello inferiore.
2. Incolla il link del tuo Riquadro avvisi multistream nel livello superiore. Mantieni i link completi, con sessione, password e opzioni di connessione.
3. Lascia Sfondo SSN trasparente selezionato.
4. Attiva Consenti tocchi e scorrimento su questo livello per la chat. Disattivali per gli avvisi, così non bloccano la chat.
5. Premere Anteprima, poi Mostra codice QR e scansionalo con il telefono. Oppure premi Copia link combinato per incollarlo in una sorgente browser.

La vista combinata non ha controlli di configurazione. Mostra solo le sovrimpressioni.

Opzioni del livello

Le dimensioni in pixel restano fisse quando ridimensioni il browser. Le percentuali si adattano. Ogni sovrimpressione mantiene contenuti e impostazioni propri.

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

Non serve CSS. Ogni livello ha la propria area. Imposta la sorgente browser OBS a 1920×1080. Aggiungi prima i livelli inferiori e inserisci solo numeri (senza virgole né “px”) in Dimensione e posizione.

Gli 80 pixel superiori contengono Hype, con la colonna chat sotto. Vuoi la chat a tutta altezza dietro Hype? Imposta l'altezza di Live Chat a 1080 e la posizione dall'alto su 0. Altre dimensioni di scena richiedono altri valori.

1. Incolla i link completi delle sovrimpressioni. Copiali dalle sorgenti browser esistenti per conservare sessione, password, stili e impostazioni di connessione. Lascia Sfondo SSN trasparente selezionato. Ritagli, trasformazioni, filtri e CSS personalizzato di OBS non sono nel link e non vengono trasferiti.
2. Centra Hype nella colonna. Nel link di hype.html , usa &align=center. Sostituisci qualsiasi align=left oppure align=right, e rimuovi alignright. Per un aspetto compatto, prova &combineall&hidetitle&style=compact&scale=0.75 (sostituisci i valori esistenti). Aumenta l'altezza del livello Hype se lo stile richiede più spazio.
3. Mantieni Featured Chat accanto alla colonna della chat. Imposta Sinistra = 450 e Larghezza = 1470 insieme (450 + 1470 = 1920). Spostare a destra un livello largo 1920 pixel ne taglierebbe il bordo. Aggiungi &center a featured.html per centrare i messaggi brevi in quell'area. Per centrare sull'intera scena, usa Sinistra 0, Larghezza 1920 e &center.
4. Metti NinjaBacker per ultimo (facoltativo). Incolla il link della sovrimpressione per spettatori come livello superiore, con l'animazione di ingresso da destra. Il combinatore imposta area e ordine; NinjaBacker imposta la propria animazione. Lo sfondo deve essere trasparente e il sito deve consentire l'incorporamento. Questo livello non faceva parte dell'esempio testato.
5. Anteprima a 1920×1080. Invia un messaggio con emoji, metti in evidenza un messaggio dal Dock e attiva i dati Hype in SSN. La chat normale non sceglie da sola un messaggio da evidenziare.
6. Copia il nuovo link combinato in OBS. Imposta quella sorgente browser con larghezza 1920 e altezza 1080. Le dimensioni dell'anteprima non le impostano. Adattala alla scena senza ritagliare. Dopo ogni modifica al layout, copia di nuovo il link; quello precedente conserva il vecchio layout.

Se un livello è vuoto o copre la chat