Vfinity2.0 α
En directo

Overlays

La biblioteca de widgets, copias de widgets y la dirección de OBS para cada uno

La pestaña Overlay es una completa biblioteca de widgets para tu directo: chat, alertas, objetivos, clasificaciones, efectos, juegos y mucho más. Cada elemento funciona como una fuente de navegador independiente en OBS con su propia dirección web.

+60
widgets en la biblioteca
16
copias de widgets en total
1
dirección por cada widget o copia

Localizar un widget

Abre la pestaña Overlay en el dock inferior. En Todos, la biblioteca agrupa sus widgets por categoría: Chat, Alertas, Feeds, Contadores, Objetivos, Clasificaciones, Efectos, Presentación e Interacción. Cada sección indica cuántos de sus widgets están activados, y puedes plegar las que no necesites; Vfinity recuerda cuáles has plegado.

Los filtros de la parte superior acotan la lista. En directo muestra solo los widgets activados, Favoritos muestra los que has marcado con una estrella, y hay un filtro para cada categoría y cada colección. También puedes escribir en Buscar widgets; la búsqueda reconoce los nombres que usan otras herramientas, así que "kappagen" encuentra el widget que hace ese trabajo.

Los dos botones junto a la búsqueda alternan entre Tarjetas y Lista compacta, que muestra más widgets en pantalla. Las tarjetas de juegos reflejan su estado en tiempo real sin necesidad de abrirlas, como "Abierto · 12 participantes" o "Rojo 34 : 46 Azul".

La Alpha 0.4.0 añade tres widgets: Reloj y cuenta atrás, Tarjeta de escena y Lista de tareas. Widgets de overlay explica qué hace cada uno.

Guardar favoritos y colecciones

Haz clic en la estrella de una tarjeta para marcarla como favorita. Los favoritos tienen su propia sección al principio de Todos y siguen apareciendo en su categoría.

Una colección reúne los widgets que usas juntos, por ejemplo todo lo de una escena.

Crear una colección

Haz clic en Nueva colección, al final de los filtros. Ponle un Nombre, elige un Color y, si quieres, un Icono, y haz clic en Crear.

Añadirle widgets

Haz clic derecho en una tarjeta y elige Añadir a una colección, o selecciona el filtro de la colección y haz clic en Gestionar widgets para marcar los widgets que contiene.

Activarlos todos a la vez

Con el filtro de la colección seleccionado, Activar todos y Desactivar todos cambian todos sus widgets. Cada botón indica cuántos widgets cambiaría, y el aviso que aparece después ofrece Deshacer.

Puedes tener hasta 24 colecciones. Eliminar colección borra una, y su aviso también ofrece Deshacer. Los favoritos y las colecciones se guardan con tus overlays cuando haces una copia de seguridad.

Añadir un widget a OBS

Activar el widget

Activa el interruptor del widget correspondiente. Un widget desactivado no mostrará nada en OBS.

Copiar su dirección

Haz clic en Copiar URL en la tarjeta, o haz clic derecho y selecciona Copiar URL de OBS.

Pegarla en OBS

En OBS, añade una fuente de Navegador y pega la dirección. TikTok LIVE Studio utiliza exactamente la misma dirección.

Prueba a elegir un widget y una copia más abajo para ver la dirección resultante.

Pruébalo
Copiar la URL de la fuente de navegador de OBS
Elige un widget y mira la dirección que te proporciona su botón Copiar URL.
Widget

http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=es

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
Cada dirección apunta al servidor de overlay de este PC, especificando el widget y, si procede, qué copia.

La dirección tiene un aspecto similar a http://127.0.0.1:21424/#overlay-chat. El número corresponde al puerto del servidor de overlay. Si ese puerto está ocupado al abrir Vfinity, la app seleccionará otro automáticamente y te avisará, por lo que siempre es preferible copiar las direcciones desde la aplicación en lugar de escribirlas manualmente.

Modificar el aspecto de un widget

Haz clic en Configurar para abrir los ajustes del widget junto a una vista previa a escala real. La vista previa está marcada como Solo vista previa: ninguna acción realizada allí se envía a OBS. En los widgets que disponen del botón Simular, este reproduce eventos de muestra para que compruebes cómo reacciona.

En la mayoría de los widgets, la vista previa es un escenario que muestra el recuadro del widget en el lugar que ocupará en tu lienzo. Arrastra el recuadro para moverlo, o arrastra un tirador para cambiar su tamaño. Se ajusta a los bordes, a las líneas centrales y a los tercios; mantén pulsada Alt para colocarlo libremente. Forma del lienzo cambia el escenario entre Horizontal 16:9 y Vertical 9:16 (TikTok LIVE).

La mayoría de los widgets comparten las mismas secciones: Contenido, Texto, Apariencia, Sombra y profundidad, Animación y Posición y tamaño. En Posición y tamaño, Izquierda (%), Arriba (%), Ancho (%) y Alto (%) ubican el widget con precisión, Colocar en lo lleva a una esquina, a un borde o al centro, y Llenar el lienzo lo estira por todo el lienzo.

Ajustar la sombra, la profundidad y la tipografía

Todos los widgets comparten un mismo conjunto de controles de aspecto. En Sombra y profundidad, activa Sombra y arrastra el punto del dial redondo: su dirección desde el centro orienta la sombra, y su distancia fija hasta dónde llega. Mantén pulsada Mayús para ajustarlo en pasos de 15°, y haz doble clic para restablecerlo.

Pruébalo
Sombra
16px

Todo el widget

100%
Inclinación
100%
Orienta la sombra con el dial y después ajusta la opacidad, la inclinación y la escala de todo el widget. Prueba a girar el dial.

Sombras rápidas aplica una sombra completa con un clic: Suave, Dura, Resplandor, Larga o Interior. Suavidad, Extensión, Intensidad de la sombra, Color de la sombra y Dentro del borde la ajustan con precisión. En Todo el widget, Opacidad del widget, Inclinación y Escala cambian el widget en su conjunto, y Restablecer sombra y profundidad lo devuelve todo a su estado inicial.

Las demás secciones también van más allá:

  • Texto añade Espaciado entre letras, Altura de línea, Mayúsculas, Cursiva y una Dirección para la sombra del Efecto de legibilidad.
  • Apariencia añade un Estilo del borde: Sólido, Discontinuo, Punteado o Doble.
  • Animación añade un Estilo de salida, que se reproduce al desactivar el widget; elige uno o Igual que la entrada. Repetir vuelve a reproducir la animación en la vista previa.

Copiar un estilo a otro widget

Haz clic en Estilo, en la parte superior de los ajustes de un widget. Copiar estilo toma sus colores, el texto, el borde y las esquinas, la sombra y la profundidad, y la animación. Abre otro widget, haz clic en Estilo y elige Pegar estilo: solo copia las partes que tienen ambos widgets.

Guardar como preajuste… guarda un estilo con un nombre en Mis estilos, donde puedes aplicarlo, renombrarlo o eliminarlo. Estilos iniciales ofrece seis para empezar, como Brillo neón y Cristal. Cada vez que pegas, aplicas o eliminas un estilo se ofrece Deshacer, y tus preajustes se guardan con tus overlays cuando haces una copia de seguridad.

Haz clic derecho en cualquier tarjeta para acceder a sus controles rápidos: Configurar, activar o desactivar, Copiar URL de OBS, Añadir copia y las funciones interactivas del widget (como girar la ruleta, elegir ganador del sorteo o saltar una alerta). Las tarjetas Caja de chat y Alertas disponen además de Probar en OBS.

Usar un widget dos veces

Haz clic en Añadir copia para crear una segunda instancia totalmente independiente de un widget, dotada de sus propios ajustes y su dirección única: una caja de chat para escenas horizontales y otra para formatos verticales, o un quinto objetivo simultáneo. Las copias se muestran junto al widget matriz acompañadas de la etiqueta Copia, y pueden renombrarse, duplicarse o eliminarse.

Qué mantiene cada copia de forma propia

Su título, paleta de colores, tipografía, colocación e imágenes subidas. Si eliminas una copia, su fuente de OBS quedará en blanco en lugar de mostrar el original duplicado.

Qué comparte una copia con su matriz

Una copia de un juego visualiza la misma partida en curso que el original, por lo que los comandos de chat y las opciones se gestionan en el widget matriz, que debe permanecer activo. Una copia del temporizador muestra el mismo reloj del Temporizador de cuenta atrás pero con su estilo visual propio.

Todos los widgets excepto Alertas admiten copias, hasta un máximo de 16 en total.

Utilizar OBS en otro ordenador

Si ejecutas OBS en un segundo equipo dedicado al streaming, Vfinity puede emitir sus overlays a través de tu red doméstica.

Activar el acceso en red

Ve a AjustesConexionesServidor local y activa Permitir que OBS en otro PC use estos overlays.

Reiniciar Vfinity

La modificación surte efecto tras reiniciar la app. La primera vez, el Firewall de Windows solicitará permisos: autoriza a Vfinity en redes privadas. En macOS, autoriza el acceso a la red local cuando lo solicite el sistema.

Volver a copiar las direcciones

El botón Copiar URL generará ahora la dirección IP de red de tu PC acompañada de una clave de acceso privada. Pégala en el OBS del otro equipo.

Cualquier dispositivo de la red que intente conectar sin la clave será rechazado. Si compartes una dirección por error, haz clic en Nueva clave de acceso: todas las direcciones con la clave anterior dejarán de responder de inmediato y tendrás que pegar las nuevas direcciones en OBS.

Únicamente en redes de confianza

El acceso por red expone el feed de tu directo en tu red local, incluyendo mensajes de chat, importes de regalos y nombres de espectadores. Actívalo en tu domicilio, nunca en redes Wi-Fi públicas o compartidas.

Relacionado