Has pasado meses, quizás años, perfeccionando tu sitio web y tu aplicación. Cada botón, cada color, cada fuente es un reflejo de tu marca. Entonces, ¿por qué, cuando llega el momento de la interacción más importante —una videollamada en vivo con un cliente— los envías a una sala de reuniones genérica que grita zoom.us o meet.google.com?
Es una experiencia discordante que rompe la consistencia de la marca y le dice a tus usuarios: “Esta parte no es realmente nuestra”.
Durante años, los desarrolladores han estado atrapados entre dos malas opciones:
- El iFrame Rígido: Fácil de incrustar, pero estás atrapado dentro de una caja que no puedes personalizar de verdad, con problemas de rendimiento y una experiencia de usuario torpe.
- El SDK Complejo: Control total, pero tienes que construir una interfaz de usuario de videoconferencia completa desde cero, una tarea masiva que puede llevar meses a un equipo dedicado.
En plugNmeet, creemos que esta es una falsa elección. Ofrecemos una tercera y mejor manera: te damos nuestra aplicación de videoconferencia completa y lista para producción, y te facilitamos que la alojes tú mismo y la personalices como si fuera tuya.
Así es como se construye una verdadera solución de video de marca blanca en una fracción del tiempo.
La Magia Detrás de Escena: La API getClientFiles
El secreto de la flexibilidad de plugNmeet es un punto final de API simple pero potente: getClientFiles.
En lugar de atraparte en un iframe, esta API le da a tu aplicación de backend una lista de todos los archivos JavaScript y CSS que componen todo el cliente front-end de plugNmeet.
¿Qué significa esto para ti?
- No Más iFrames: Renderizas la aplicación directamente dentro de tu propia página web. Esto significa un mejor rendimiento, sin dolores de cabeza con las barras de desplazamiento y una sensación fluida y nativa para tus usuarios.
- Control Total de la URL: Como tú alojas el cliente, la reunión se ejecuta en tu dominio. La experiencia del usuario nunca se interrumpe enviándolos a una URL de terceros.
- Siempre Actualizado: Cuando actualizas tu servidor plugNmeet, la API
getClientFilesproporciona automáticamente los nuevos archivos de activos actualizados. Tu front-end siempre está sincronizado sin ningún trabajo manual.
De "Con Marca" a "Verdaderamente Tuyo": Personalización Profunda
Deshacerse del iframe es solo el primer paso. El verdadero poder proviene de la facilidad con la que puedes personalizar la apariencia, la sensación y la funcionalidad de la aplicación.
Usando un simple objeto de configuración de JavaScript en tu página, puedes anular casi todos los aspectos de la interfaz de usuario, todo sin bifurcar nuestro código ni realizar cambios complejos.
Estas son solo algunas de las cosas que puedes personalizar al instante:
- 🎨 Colores y Temas: Cambia todos los colores primarios, secundarios y de fondo para que coincidan perfectamente con la paleta de tu marca.
- 🖼️ Logotipos y Favicons: Reemplaza los logotipos predeterminados de plugNmeet con los tuyos en la pantalla de bienvenida, la pantalla de carga y la sala de reuniones.
- 🖋️ Fuentes: Usa las fuentes de tu propia marca (como Google Fonts) en toda la interfaz.
- ⚙️ Control de Funciones: ¿No necesitas una pizarra? ¿Quieres desactivar la grabación para ciertos usuarios? Tienes un control granular para activar o desactivar funciones según los roles de usuario o los tipos de reunión.
- 🌐 Enlaces y Legales: Cambia los enlaces de la política de privacidad y los términos y condiciones para que apunten a tus propios documentos legales.
Esto no es solo cambiar un logotipo en una caja. Esto es rediseñar fundamentalmente toda la aplicación para que se convierta en una parte nativa de tu plataforma.
El Flujo de Trabajo Simple: Cómo se Une Todo
Para un desarrollador, el proceso es increíblemente sencillo:
- En Tu Servidor: Antes de renderizar tu página de reunión, haz una única llamada a la API
getClientFilespara obtener la lista de los nombres de archivo CSS y JS actuales. - En Tu Plantilla HTML: Inyecta dinámicamente las etiquetas
<link>y<script>en elheadde tu HTML usando los nombres de archivo de la llamada a la API. - Añade el Punto de Montaje: Coloca un simple
<div id="plugNmeet-app"></div>en elbodyde tu HTML. Aquí es donde vivirá la aplicación. - Personaliza: Añade una etiqueta
<script>para definir tu objetowindow.PLUG_N_MEET_CONFIGcon todas tus personalizaciones de marca y funciones.
Eso es todo. Acabas de renderizar una aplicación de videoconferencia con todas las funciones y profundamente personalizada que está perfectamente integrada en tu propio sitio web.
Deja de Construir Interfaces de Usuario. Empieza a Construir Tu Marca.
La confianza de tu usuario y la consistencia de tu marca son demasiado importantes para subcontratarlas. Con plugNmeet, ya no tienes que elegir entre la simplicidad de un iframe y el poder de un SDK.
Obtienes una aplicación de video de clase mundial que puedes moldear para que sea un reflejo perfecto de tu marca, brindando a tus usuarios la experiencia fluida y profesional que se merecen.
¿Listo para tomar el control de tu experiencia de video?