Cómo añadir un chat con webcam a tu web
Un videochat en directo retiene a los visitantes y convierte una audiencia en comunidad. Así puedes instalar uno en una tarde, sin gestionar un servidor de streaming.
¿Alojado o autoalojado?
Hay dos formas de tener un chat con webcam. Autoalojado: instalas un servidor multimedia (Red5, Janus, mediasoup, Jitsi…), un servidor TURN para los visitantes tras cortafuegos estrictos y lo mantienes todo actualizado. Te da control total, pero necesitas un servidor Linux y experiencia real con WebRTC.
Un chat alojado como Dialogoo o HTML5-Chat se encarga del streaming. Configuras el chat en un panel y pegas una línea de código. Para la mayoría de webs es la mejor opción: ningún servidor que mantener y una capacidad que crece con tu audiencia.
Paso a paso: de la cuenta al chat en línea
- Crea el chat. Abre una cuenta en Dialogoo o HTML5-Chat y ponle nombre.
- Define las salas. Empieza con una o dos salas públicas: demasiadas salas vacías hacen que el chat parezca muerto.
- Personalízalo. Elige colores a juego con tu web, añade tu logotipo y traduce los textos.
- Fija las normas. Activa el filtro de palabrotas, nombra al menos un moderador y decide si los invitados pueden usar la webcam.
- Pega el código de integración en la página donde debe aparecer el chat.
- Pruébalo en ordenador y en móvil, con la cámara encendida y apagada.
El código de integración
Un chat a página completa es un simple iframe. Sustituye YOUR_SITE_KEY por la clave de tu panel:
<iframe src="https://dialogoo.com/chat?embed=1&mode=fullscreen&site=YOUR_SITE_KEY"
style="width:100%;height:100dvh;border:0"
allow="camera; microphone; autoplay; fullscreen"
allowfullscreen title="Chat"></iframe>El atributo allow es clave: sin camera; microphone, los navegadores bloquean la webcam dentro del iframe sin avisar. Si prefieres una burbuja en una esquina de cada página, usa el script del widget flotante de tu panel.
En WordPress
Pega el iframe en un bloque HTML personalizado de la página que quieras. HTML5-Chat ofrece además un plugin para WordPress que conecta automáticamente a tus usuarios, sin que tengan que elegir apodo dos veces.
El HTTPS es obligatorio
Los navegadores solo permiten acceder a la cámara y al micrófono en páginas seguras. Tu web debe cargarse en https://, igual que cada página que integre el chat. Basta con un certificado gratuito de Let’s Encrypt o una CDN como Cloudflare.
Moderación: decídela antes de abrir
Un chat público con webcam necesita normas desde el primer día. Publica unas condiciones de uso claras, da a los moderadores el poder de expulsar y bloquear y ofrece una forma sencilla de denunciar abusos. La mayoría de los problemas llegan en las primeras horas: quédate conectado en la apertura.
Privacidad y RGPD
El vídeo, los apodos y los mensajes son datos personales. Menciona el chat en tu política de privacidad, indica qué proveedor lo aloja y cómo contactarte. Nunca grabes las emisiones sin informar claramente a los usuarios.