Añadir tu primer overlay
Coloca un widget de Vfinity en tu directo como fuente de navegador en OBS o TikTok LIVE Studio
Los overlays son pequeñas páginas web que Vfinity sirve desde tu propio ordenador. Copia la dirección de un widget, pégala en una fuente de navegador en OBS o TikTok LIVE Studio y aparecerá en tu directo.
En esta guía añadirás la Caja de chat, que muestra los mensajes de tus espectadores y viene activada desde el principio. El resto de widgets se integran exactamente de la misma manera.
Localizar el widget
Haz clic en Overlay en el dock inferior. La biblioteca muestra cada widget en una tarjeta con su propio interruptor, agrupados por categoría. Escribe en Buscar widgets o haz clic en un filtro como Chat para acotar la lista. Localiza Caja de chat y comprueba que su interruptor esté activado.
Copiar su dirección
En la tarjeta de la Caja de chat, haz clic en Copiar URL. El botón cambiará a Copiado y la dirección quedará copiada en tu portapapeles. También puedes hacer clic derecho sobre la tarjeta y seleccionar Copiar URL de OBS.
La dirección tiene un formato similar a http://127.0.0.1:21424/#overlay-chat?lang=es. La parte posterior a la almohadilla # selecciona el widget, y el parámetro lang mantiene los textos en el idioma de tu app.
http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=es
- El servidor de overlay en este PChttp://127.0.0.1:21424
- Qué widget#overlay-goal
- Cuál de su tipo?id=goal1
- Idioma, vinculado al de la app&lang=es
Añadirlo como fuente de navegador
El procedimiento es idéntico en OBS y TikTok LIVE Studio.
Añadir una fuente de Navegador
En el panel de Fuentes, haz clic en + y elige Navegador. Dale un nombre representativo, como "Chat de Vfinity".
Pegar la dirección
Pega la dirección en el campo URL de la fuente.
Definir las dimensiones
Establece el ancho en 1920 y el alto en 1080, y después confirma los cambios. Mueve o recorta la fuente en tu lienzo como harías con cualquier otra.
Comprobar que funciona
De vuelta en la tarjeta de la Caja de chat, haz clic en Probar en OBS. Aparecerá un mensaje de prueba ("Mensaje de prueba de Vfinity. ¡Tu overlay de chat funciona!") en la fuente. Se envía exclusivamente al overlay, por lo que no activa eventos, voz ni estadísticas.
El Panel también contabiliza las fuentes abiertas actualmente. En su tarjeta Conexiones, la comprobación Overlay abierto en OBS se pondrá verde indicando cuántos clientes están conectados. Si la tarjeta indica Listo para emitir, haz clic en Ver detalles para visualizar las comprobaciones.
Añadir los objetos lanzados
Los lanzamientos utilizan su propia página independiente. Su dirección está disponible en la tarjeta Overlay de lanzamientos del Panel, con su respectivo botón de copia. Añádela como otra fuente de navegador a 1920 por 1080 para que los regalos puedan volar por tu pantalla. En Lanzamientos se explica cómo convertir cualquier regalo en un objeto lanzado.
Mantener Vfinity en ejecución
Los overlays se generan desde el propio Vfinity, por lo que debes mantener la aplicación abierta mientras transmites. Si el puerto 21424 está ocupado cuando Vfinity inicia, elegirá otro disponible y te avisará. Las direcciones cambiarán en consecuencia, por lo que tendrás que volver a copiarlas y actualizar tus fuentes.
OBS sigue mostrando la página que cargó, así que, después de actualizar Vfinity, recarga una vez cada fuente de Vfinity. En Actualizar se explica cómo.
Para mostrar overlays en OBS ejecutándose en otro ordenador, consulta Overlays.