Social Stream NinjaSocial Stream NinjaAprende a configurar, personalizar y aprovechar al máximo Social Stream Ninja
Un ID de sesión conecta todo: usa el mismo ?session= en las URL de tu dock y overlay.
Busca o abre una categoría. Empieza por OBS si solo necesitas el chat en pantalla.
No se han encontrado guías coincidentes.
Antes de usar Social Stream Ninja, debes instalarlo. Hay varias formas de instalar la extensión del navegador:
Para instrucciones detalladas de instalación, visita la Página de descargas.
Después de instalarlo, sigue estos pasos para empezar a usar Social Stream Ninja:
Nota: Para una mejor experiencia con la extensión, mantén las ventanas de chat visibles, sin minimizarlas.
Social Stream Ninja funciona con más de 100 plataformas. Así puedes conectar las más populares:
Puedes personalizar el panel y el overlay añadiendo parámetros a sus URL. Algunos ejemplos:
&darkmode - Activa el modo oscuro del panel&scale=2 - Duplica el tamaño y la resolución de todos los elementos&hidesource - Oculta los iconos de plataformas como YouTube y Twitch&compact - Elimina el espacio entre el nombre y el mensaje&inline - Coloca el mensaje junto al nombre conservando el espaciado normal&autoshow - Destaca automáticamente los mensajes según aparecen, unos 2 cada 3 segundos
&showtime=20000 - Oculta automáticamente los mensajes seleccionados tras 20 segundos&showsource - Muestra los iconos de plataforma junto a los nombres de usuario&fade - Hace aparecer los mensajes destacados con un fundido en lugar de golpe&swipe - Hace entrar los mensajes destacados deslizándose desde la izquierda¢er - Centra los mensajes destacados en pantalla
Para gestionar las URL más fácilmente, prueba nuestro Editor de parámetros de URL.
Hay varias formas de personalizar el aspecto con CSS:
En OBS puedes añadir CSS personalizado a la fuente de navegador:
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
:root {
--comment-color: #090;
--comment-bg-color: #DDD;
--comment-border-radius: 10px;
--comment-font-size: 30px;
--author-border-radius: 10px;
--author-bg-color: #FF0000;
--author-avatar-border-color: #FF0000;
--author-font-size: 32px;
--author-color: blue;
--font-family: "Arial", sans-serif;
}
.hl-name {
padding: 2px 10px !important;
}
Añade CSS directamente desde el menú de la extensión:
Elige entre plantillas con estilos predefinidos que incluyen CSS:
YOURSESSIONID en la URL de la plantilla por tu ID de sesiónEjemplo: https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Los colores de nombres necesitan dos ajustes: una fuente general de color en Mensaje - Estilo (Message - Styling) y el interruptor de visualización del dock en Mensaje - Visibilidad (Message - Visibility).
Abrir la guía de colores de nombres del chat para capturas, opciones de color, resolución de problemas y ejemplos de CSS.
Añade tus propias fuentes a dock.html o featured.html sin depender de las fuentes de Google o del sistema.
@font-face.&css=, &b64css=, &font=, o &googlefont=.Abrir la guía de fuentes tipográficas autoalojadas para instrucciones de alojamiento y ejemplos de CSS paso a paso.
Social Stream Ninja puede leer mensajes de chat en voz alta mediante tecnología de texto a voz:
&speech=en-US a la URL de featured.html o dock.html&pipervoice=pt_BR-faber-medium o eSpeak &espeakvoice=pt-br, mientras que para español se puede usar Piper &pipervoice=es_ES-davefx-medium o eSpeak &espeakvoice=es.&pitch=1&volume=1&rate=1&ttsprovider=kokoro&ttsprovider=piper&espeakvoice=pt-br y español &espeakvoice=es&ttsprovider=kitten&ttsprovider=openai&openaiendpoint=http://localhost:8880/v1/audio/speech¿Quieres mantenerlo local y privado? Consulta: Guía de TTS local con IA para instrucciones completas, incluidas opciones de servidor autoalojado y captura de audio de OBS.
Social Stream Ninja puede usar IA de varias formas. Elige el flujo de trabajo antes de elegir el proveedor.
chatgpt.com sin clave de API.Organiza cómo aparecen los mensajes en tu overlay:
Captura eventos que no son de chat, como nuevos seguidores, suscripciones, raids y donaciones de tus plataformas de streaming.
Nota: Los eventos de donación, como Super Chats, Bits y propinas, se reenvían automáticamente independientemente de esta opción. La opción es principalmente para alertas de seguidores y suscriptores.
Para la lista completa de datos y campos de eventos, consulta la Referencia de eventos documentación.
Muestra el progreso de los trenes del hype y del tesoro de Twitch en OBS con una barra superior al estilo Twitch.
Destaca a quienes escriben por primera vez, añade la insignia opcional de hoja o usa un pitido del dock solo para su primer mensaje.
El editor Event Flow es un potente sistema de automatización por nodos para crear flujos personalizados. Es la capa de «automatización avanzada» que permite programar tu propia lógica de enrutamiento.
Para que funcionen el audio, los overlays multimedia y las acciones de OBS, debes añadir la página Flow Actions como fuente de navegador en OBS:
Importante: Las acciones actuales de Relay Chat omiten automáticamente los reflejos reconocidos. Usa un Filtro de ecos (Reflection Filter) para controlar si los ecos capturados aparecen en el dock y los overlays. Consulta la guía de reenvío de chat para configurarlo. Para documentación detallada, consulta la Guía de Event Flow. Para sonidos o multimedia de recompensas de Kick, usa la guía de puntos de canal y recompensas de Kick.
Controla Social Stream Ninja directamente desde Stream Deck, controladores MIDI o atajos de teclado.
Consejo: MIDI es ideal para controlar el directo sin usar las manos. Usa un pedal para activar alertas o una perilla para ajustar el volumen.
Crea comandos interactivos de bot y respuestas automáticas para tu chat.
!joke - Envía un chiste friki de padre al azar!hi - Saluda automáticamente a los espectadores!cycle - Permite que los espectadores cambien escenas de OBS, con permisoPara comandos más complejos, usa el editor Event Flow:
Requisitos: Las respuestas automáticas funcionan mejor con navegadores basados en Chromium. Las ventanas de chat deben permanecer visibles y debes tener permiso para publicar en la plataforma.
Conecta plataformas de donaciones externas para mostrar propinas y compras en el overlay de tu directo.
Global settings and tools → Mechanics, activa control remoto de la extensión mediante API (remote API control of extension)&server, &server2, o &server3 para webhooks de donacionesLa donación normalizada se comparte con el chat, las alertas, Event Flow y el tarro de propinas/medidor de metas.
| Plataforma | URL del webhook | Tipo de evento |
|---|---|---|
| Stripe | https://io.socialstream.ninja/{sessionID}/stripe |
checkout.session.completed |
| Ko-Fi | https://io.socialstream.ninja/{sessionID}/kofi |
Propinas públicas, membresías, pedidos de tienda y encargos |
| Buy Me A Coffee | https://io.socialstream.ninja/{sessionID}/bmac |
Propinas, membresías, pedidos de tienda, encargos y financiación de listas de deseos |
| Fourthwall | https://io.socialstream.ninja/{sessionID}/fourthwall |
Pedidos, regalos, donaciones y suscripciones nuevas |
https://io.socialstream.ninja/YOUR_SESSION_ID/stripecheckout.session.completedPruebas: Usa el modo de prueba de Stripe con la tarjeta 4242 4242 4242 4242, cualquier fecha de vencimiento futura y cualquier CVC.
Usa: guía ilustrada de configuración para Fourthwall, Ko-fi y Buy Me a Coffee, con estado del receptor, vistas previas aisladas e importación de productos.
También puedes exportar datos de chat a servicios externos:
Soluciones a problemas habituales de la extensión del navegador
Los mensajes dejan de aparecer cuando las ventanas del navegador están en segundo plano o minimizadas. Esto ocurre porque los navegadores limitan las pestañas en segundo plano para ahorrar recursos.
chrome://flags/#enable-throttle-display-none-and-visibility-hidden-cross-origin-iframeschrome://flags/#calculate-native-win-occlusionchrome://settings/performance
Aparece una barra azul de depuración o las respuestas automáticas no funcionan al intentar usar comandos de bot o respuestas automáticas.
Únete a nuestro servidor comunitario de Discord, donde el desarrollador y otros usuarios pueden ayudarte a resolver problemas.
