Plugin de WordPress · Prioridad para bloques · Tokens del lado del servidor

Guía de integración del plugin de WordPress

Usa WebLiveHub Stream para incrustar contenido de streaming de WebLiveHub en WordPress conectando tu sitio a un backend alojado.

Empezar Guía de integración del SDK de PHP

Integración con WordPress

Incrusta transmisiones con WebLiveHub Stream (prioridad para bloques)

v1.1.0

WebLiveHub Stream es un plugin de WordPress que incrusta contenido de streaming de WebLiveHub conectando tu sitio a un backend alojado.

Compatibility

Requisitos mínimos: WordPress 6.0
Probado hasta: WordPress 6.9
Requires PHP: 8.0

Cómo funciona

Tu sitio de WordPress se conecta a un backend alojado.
El plugin genera tokens de incrustación en el servidor (mantén las credenciales fuera de entradas y páginas).
La página muestra el reproductor de WebLiveHub.

Antes de empezar

Necesitas un sitio WordPress que puedas administrar y una conexión de WebLiveHub preparada para la persona que emitirá.

En Console → Hosted Backends, copia la URL del servicio del backend que vas a utilizar. Sus Allowed Origins deben incluir el origen del sitio WordPress.
En Console → Users, localiza el User ID de la cuenta autorizada para la conexión y el User ID público del emisor. Cumplen funciones distintas: el primero y su contraseña se usan en Quick Setup; el segundo se introduce al crear la página. La contraseña de conexión no es la de administración de WordPress ni la de inicio de sesión de Google.
Para una página del emisor, usa el User ID público correspondiente a la misma cuenta autorizada para la conexión. Introduce la contraseña de conexión directamente en los ajustes de WordPress; no la incluyas en el contenido de la página ni en mensajes de soporte.
Usa un navegador con acceso a la cámara y al micrófono. Permite ambos dispositivos en los permisos del navegador y del sistema operativo.

Si todavía no tienes preparada la cuenta, el backend o la identidad de emisión, utiliza la página de contacto para indicar la URL de tu sitio y el uso previsto. No envíes contraseñas ni tokens.

Instalación y soporte

Versión del código fuente: WebLiveHub Stream v1.1.0 en GitHub

Descarga el ZIP del código fuente v1.1.0 desde la versión de GitHub. En WordPress, ve a Plugins → Añadir nuevo plugin → Subir plugin, selecciona el ZIP, pulsa Instalar ahora y después Activa el plugin. En WordPress Playground oficial con WordPress 6.9 y PHP 8.3 se completaron la carga, instalación, activación y apertura de la página de ajustes. Esta comprobación cubrió una instalación nueva; no se probaron actualizaciones, la conexión con el backend ni las retransmisiones en directo. El plugin no se distribuye en WordPress.org.

Crea tu página de emisión

Descarga Source code (zip) desde la versión v1.1.0. En WordPress, sigue Plugins → Add New Plugin → Upload Plugin, instala el ZIP y activa WebLiveHub Stream.
Abre Settings → WebLiveHub Stream. Usa Quick Setup para guardar la URL del servicio Hosted Backend y el User ID y la contraseña de la cuenta autorizada para la conexión. Guardar confirma que los ajustes se han almacenado; sigue los pasos de emisión para comprobar el inicio.
En la sección para crear páginas, selecciona la opción de emisión, introduce el User ID público del emisor y crea el borrador. Si tienes varias conexiones, selecciona explícitamente el backend y la identidad de conexión.
Revisa el bloque ya completado en el borrador. Previsualiza la página y publícala cuando esté lista; crear un borrador no publica la página.
Abre la página del emisor, permite la cámara y el micrófono tanto en el navegador como en el sistema operativo y usa el control de inicio de la página para tu actividad.
Comprueba que la capa de carga desaparece o se cancela y que empieza el temporizador del emisor. Al terminar la actividad, finaliza la emisión desde la interfaz.

Para la siguiente actividad real, reutiliza esta página del emisor y vuelve a comprobar las señales de inicio.

Reutiliza tu página

Conserva una página del emisor que funcione para futuras actividades. Si necesitas cambiar quién emite o el diseño, puedes editar el bloque WebLiveHub Stream que ya está en la página.

La inserción manual del bloque, varias conexiones, los shortcodes y el CSS personalizado siguen disponibles para configuraciones avanzadas. Son opcionales para el flujo de Quick Setup y creación de borradores.

Si se deniega el acceso a un dispositivo o la carga continúa, revisa los permisos de cámara y micrófono tanto en el navegador como en el sistema operativo. Al contactar con soporte, indica en qué paso te encuentras, las versiones del plugin y del navegador, y el error visible sin contraseñas ni tokens.

Guía rápida de Host Label

Uso de Host Label
Host Label	Cuándo usarlo
connect	pruebas / PoC / valor predeterminado general
live	modo de emisor/transmisor (publicación + controles)
live-client	modo espectador (ver)

Avanzado o heredado: uso de shortcode

Como guía de uso, considera el shortcode como alternativa opcional para flujos heredados.

[weblivehub_stream streamer="STREAMER_USER_ID"]

[weblivehub_stream streamer="STREAMER_USER_ID" host_label="live" width="100%" height="600px"]
[weblivehub_stream streamer="STREAMER_USER_ID" host_label="live" style="width: 100%; height: 600px; display: block;"]

Nota de seguridad: Guarda las credenciales del backend alojado únicamente en Ajustes → WebLiveHub Stream. No pegues credenciales en entradas ni páginas.

¿Tienes un caso real de transmisión en vivo con WordPress? Contáctanos para hablar de la configuración. Incluye la URL del sitio y la fecha prevista del primer uso (o indica “sin definir”); no envíes contraseñas ni tokens.