Capa Web Source
Las capas Web Source (fuente web) te permiten insertar contenido web, HTML personalizado o widgets externos directamente en tu transmisión.
Tipos de contenido
Una fuente web muestra una dirección web o tu propio HTML. Eliges una de las dos opciones.
Modo URL
Inserta páginas web externas:
- Servicios de alertas para streaming
- Widgets de redes sociales
- Contadores y feeds en vivo
- Superposiciones interactivas
Modo HTML
Pega tu propio HTML:
- Gráficos personalizados
- Elementos animados
- Animaciones solo con CSS
- Visualización de datos
Tamaño fijo
Una fuente web renderiza su contenido a un tamaño interno fijo, sin importar el tamaño de la capa en la escena:
| Ajuste | Predeterminado |
|---|---|
| Fixed size | Activado |
| Fixed width | 1920 px |
| Fixed height | 1080 px |
Así el contenido se ve igual sin importar cómo cambies el tamaño de la capa. Ajusta el ancho y el alto al tamaño para el que fue diseñado el widget o la página.
Casos de uso comunes
Alertas para streaming
- Alertas de StreamLabs
- Widgets de Streamelements
- Superposiciones de chat
- Alertas de donaciones
Datos en vivo
- Temporizadores de cuenta regresiva
- Marcadores
- Widgets del clima
- Tickers de bolsa
Elementos interactivos
- Resultados de encuestas
- Feeds sociales
- Visualización de comentarios
- Códigos QR
Agregar una fuente web
En el estudio
- Haz clic en Add New Layer (agregar nueva capa)
- Selecciona Web Source
- Escribe una URL o pega HTML
- Define el ancho y el alto fijos
Con el asistente de IA
Puedes pedirle al asistente de IA que agregue una fuente web por ti. Dale la URL, un nombre para la capa y el tamaño que quieres.
Panel de configuración
Ajustes de Web Source en la barra de herramientas de la capa:
| Ajuste | Descripción |
|---|---|
| URL | Dirección web externa |
| HTML | Código HTML personalizado |
| Fixed Width | Ancho del contenido en píxeles |
| Fixed Height | Alto del contenido en píxeles |
Limitaciones
- Inserción bloqueada - Algunos sitios no permiten ser insertados y no mostrarán nada
- Autenticación - Las sesiones iniciadas no se conservan
- Interactividad - No puedes interactuar con la página durante la transmisión
- Rendimiento - Las páginas complejas pueden afectar el rendimiento
- Retraso - El contenido puede aparecer con un ligero retraso
Los fondos transparentes son compatibles, así que las superposiciones pueden ir encima de tus otras capas.
Buenas prácticas
- Usa HTTPS - Se recomiendan URL seguras
- Prueba antes de salir en vivo - Verifica que el contenido cargue correctamente
- Define las dimensiones - Ajústalas al tamaño del contenido de origen
- Mantenlo simple - Las páginas ligeras rinden mejor
- Revisa los permisos - Algunos servicios requieren una lista de dominios permitidos