URLs de overlays
Cómo se compone la URL de fuente de navegador de un overlay, cada ruta e ID de widget, y cómo se integran las copias y claves LAN
Cada overlay es una página web servida por el propio servidor de Vfinity que OBS, o TikTok LIVE Studio, abre como fuente de navegador. Esta página detalla la estructura de su URL.
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
Partes de una URL
http://127.0.0.1:21424/#overlay-goal?id=goal1©=copy_lx4k2a9fz&lang=es| Parte | Ejemplo | Qué representa |
|---|---|---|
| Dirección | 127.0.0.1 | Este equipo. Con acceso LAN activado, la dirección de red local de este ordenador |
| Puerto | 21424 | El puerto del servidor de overlays. Si está ocupado, Vfinity elige otro |
| Clave de acceso | ?token=…, antes de # | Solo con el acceso LAN activado |
| Ruta | #overlay-goal | Qué tipo de widget dibuja la página |
id | goal1 | Qué widget concreto de ese tipo, en rutas que agrupan varios |
copy | copy_lx4k2a9fz | Qué copia del widget; se omite en el original |
lang | es | El idioma en que la página muestra sus textos: en, th, zh, ja, hi o es |
Copiar URL en un widget, o Copiar URL de OBS en su menú de clic derecho, genera todo esto de forma automática con el puerto real abierto por el servidor y el idioma configurado en tu app. Cópiala directamente desde allí en lugar de escribirla a mano.
Rutas con un solo widget
| Ruta | Widget |
|---|---|
#overlay-chat | Caja de chat |
#overlay-alerts | Alertas |
#overlay-events | Tablero de eventos |
#overlay-timer | Temporizador de cuenta regresiva |
#overlay-buddies | Compañeros de espectadores |
#overlay-actions | Contenido multimedia de acciones, que muestra los recursos de los pasos de Mostrar imagen o vídeo |
#overlay-custom | Widget personalizado |
#overlay-clock | Reloj y cuenta atrás |
#overlay-scene | Tarjeta de escena |
#overlay-checklist | Lista de tareas |
Los widgets nuevos de la Alpha 0.4.0 siguen el mismo patrón, así que la dirección de
Reloj y cuenta atrás se parece a http://127.0.0.1:21424/#overlay-clock?lang=es, y la
de una copia de la Tarjeta de escena, a
http://127.0.0.1:21424/#overlay-scene?copy=copy_lx4k2a9fz&lang=es.
Rutas con un ID
| Ruta | Valores de id |
|---|---|
#overlay-stat | viewerCount, followerCount, streamClock, giftCounter1 a giftCounter3, statLabel1 a statLabel3 |
#overlay-leaderboard | topGifter, topLiker, topStreaker, topChatter, pointsRanking, credits |
#overlay-goal | goal1 a goal4 |
#overlay-feed | giftFeed, diamondTicker, lastGifter, lastFollower, lastLiker, lastSharer, lastChatter, lastSubscriber, lastJoiner |
#overlay-gauge | coinJar, streamBoss |
#overlay-particles | giftCannon, likeFountain, giftFirework, fallingSnow, emojify, emoteWall, confetti |
#overlay-media | staticText, staticImage, videoPlayer, socialRotator, sponsorBanner |
#overlay-frame | webcamFrame, overlayFrame, talkingBanner |
#overlay-games | giftJar, wheel, poll, viewerQueue, giveaway, tugOfWar, hypeMeter |
Widgets de overlay identifica cada uno de ellos y lista sus ajustes.
Fuentes que no son widgets
| Ruta | Qué representa |
|---|---|
#throwing | La escena de lanzamientos: regalos arrojados contra tu modelo. Cópiala desde la pestaña Lanzamientos |
#overlay-audio | Una fuente invisible que reproduce el texto a voz configurado para sonar en OBS |
Añadir #overlay-audio dos veces es seguro: solo una de las copias reproducirá sonido. Para
utilizarlo en varias escenas, añade esa misma fuente a cada escena mediante Añadir existente.
Copias
Añadir copia genera una segunda versión independiente de un widget, con sus propios
ajustes y su propia URL, la cual termina en copy= seguido del ID de la copia.
| Límite | Valor |
|---|---|
| Copias entre todos los widgets | 16 |
| Nombre de una copia | Hasta 60 caracteres |
| Widgets que no admiten copias | Alertas |
Una copia conserva el id del original para que la página identifique qué widget representa.
Al eliminar una copia, su fuente de OBS pasa a mostrarse en blanco en lugar de duplicar el original.
OBS en otro equipo
Activa Permitir que OBS en otro equipo use estos overlays en AjustesConexionesServidor local y reinicia Vfinity. Copiar URL generará entonces la dirección de red local de este equipo con una clave de acceso:
http://192.168.1.5:21424/?token=TU_CLAVE#overlay-chat?lang=esLa clave se sitúa antes del # porque el servidor necesita recibirla en la primera
solicitud HTTP. Cualquier petición en tu red local que no contenga la clave será rechazada,
al igual que cualquier intento de conexión desde fuera de tu red. Nueva clave de acceso
invalida todas las URLs que contengan la clave anterior, por lo que deberás volver a copiar
cada URL en OBS.