Varios canales y overlays separados

Separa el chat por plataforma en 4 pasos

Ejemplo: una superposición muestra solo Twitch y otra solo YouTube. Tú sigues leyendo todo en un Dock.

1. Añade todos tus chats a Social Stream Ninja. Comprueba que aparezca un mensaje nuevo de cada uno en tu Dock de chat de la transmisión (Streaming Chat Dock). Mantén ese Dock sin filtros. Es tu propia vista.
2. Copia tu enlace generado de dock.html dos veces. Copiar conserva la sesión, la contraseña, la versión y los ajustes del servidor.
3. Añade un filtro al final de cada copia, como &onlyfrom=twitch&hidemenu (consulta la tabla inferior).
4. Añade cada enlace a OBS como una Fuente de navegador (Browser Source). Ponles nombres claros, como Chat de Twitch y Chat de YouTube.

Opciones de filtro para superposiciones de chat

Un ejemplo completo:

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

Separar Featured Chat (mensajes seleccionados)

1. Copia tu enlace generado de featured.html dos veces.
2. Añade &onlyfrom=twitch a uno y &onlyfrom=youtube al otro.
3. Mantén abierto el Dock para seleccionar mensajes.

El filtro solo decide qué mensajes seleccionados acepta una página. No crea colas separadas. Rechazar un mensaje tampoco borra la pantalla. Al cambiar de segmento, borra tú el mensaje destacado para que no siga apareciendo uno anterior.

Dos canales en la misma plataforma

onlyfrom=twitch significa todo Twitch, no un canal de Twitch. No se pueden usar nombres de canal ni títulos de transmisión como nombres de filtro.

Prueba cada vista

1. Envía un mensaje simulado de Twitch y otro de YouTube a una sesión de prueba. Usa Crear mensajes de prueba.
2. Comprueba que ambos aparezcan en tu Dock y que cada superposición de chat muestre solo su plataforma.
3. Destaca cada mensaje y luego pulsa borrar. Comprueba cada página de destacados después de cambiar de plataforma.
4. Repite con un mensaje real de cada fuente. Los mensajes simulados no tienen identificadores de pestaña reales.

Chat y alertas en una pestaña del navegador

Combinar superposiciones impila tus enlaces de superposición en una pestaña o una fuente de navegador de OBS. Resulta útil para leer el chat en el teléfono durante una transmisión IRL.

1. Pega el enlace de tu Dock de chat de la transmisión (Streaming Chat Dock) en la capa inferior.
2. Pega el enlace de tu Cuadro de alertas multistream en la capa superior. Conserva los enlaces completos, con sesión, contraseña y opciones de conexión.
3. Deja Fondo transparente de SSN activada.
4. Activa Permitir toques y desplazamiento en esta capa para el chat. Desactívalo en las alertas para que no bloqueen el chat.
5. Presione Vista previa, luego Mostrar código QR y escanéalo con el teléfono. O pulsa Copiar enlace combinado para pegarlo en una fuente de navegador.

La vista combinada no tiene controles de configuración. Solo muestra tus superposiciones.

Opciones de capa

Los tamaños en píxeles permanecen fijos al redimensionar el navegador. Los porcentajes se adaptan. Cada superposición conserva su contenido y sus ajustes.

Ejemplo para OBS: columna de chat izquierda con efectos a pantalla completa

No hace falta CSS. Cada capa tiene su propia área. Configura la fuente de navegador de OBS a 1920×1080. Añade primero las capas inferiores y escribe solo números (sin comas ni «px») en Tamaño y posición.

Los 80 píxeles superiores contienen Hype, con la columna de chat debajo. ¿Quieres el chat a toda altura detrás de Hype? Configura la altura de Live Chat en 1080 y la posición superior en 0. Otros tamaños de escena necesitan otros números.

1. Pega los enlaces completos de tus superposiciones. Cópialos de tus fuentes de navegador actuales para conservar sesión, contraseña, estilos y ajustes de conexión. Deja Fondo transparente de SSN marcado. Los recortes, transformaciones, filtros y CSS personalizado de OBS no están en el enlace y no se trasladan.
2. Centra Hype en la columna. En el enlace de hype.html , usa &align=center. Sustituye cualquier align=left o align=right, y elimina alignright. Para un aspecto compacto, prueba &combineall&hidetitle&style=compact&scale=0.75 (sustituye los valores existentes). Aumenta la altura de la capa de Hype si tu estilo necesita más espacio.
3. Mantén Featured Chat junto a la columna de chat. Configura Izquierda = 450 y Ancho = 1470 juntos (450 + 1470 = 1920). Desplazar a la derecha una capa de 1920 píxeles de ancho cortaría su borde. Añade &center a featured.html para centrar mensajes cortos en esa área. Para centrar en toda la escena, usa Izquierda 0, Ancho 1920 y &center.
4. Pon NinjaBacker al final (opcional). Pega el enlace de su superposición para espectadores como capa superior, con su ajuste de animación de entrada desde la derecha. El combinador define el área y el orden; NinjaBacker define su animación. El fondo debe ser transparente y el sitio debe permitir la inserción. Esta capa no formó parte del ejemplo probado.
5. Vista previa a 1920×1080. Envía un mensaje con emojis, destaca un mensaje desde tu Dock y activa los datos de Hype en SSN. El chat normal no elige un mensaje destacado por sí solo.
6. Copia el nuevo enlace combinado en OBS. Configura esa fuente de navegador con ancho 1920 y alto 1080. El tamaño de la vista previa no lo establece. Ajústala a la escena sin recortar. Tras cada cambio de diseño, copia de nuevo el enlace; el anterior conserva el diseño anterior.

Si una capa está vacía o tapa el chat