Como engadir videoconferencia ao teu sitio web

Non é ningún segredo que a pandemia global de 2020 e 2021 acelerou a adopción das videoconferencias en todo o mundo.

A xente agora usa Zoom, Microsoft Teams ou outras solucións de videoconferencia para moitos propósitos diferentes: aulas virtuais para nenos, seminarios web, reunións virtuais, traballo remoto ou incluso só para poñerse ao día cos amigos.

Dito isto, moitas empresas comezaron a ver os beneficios das videoconferencias e buscan incorporar a funcionalidade de videoconferencia nos seus sitios web.

Na era dixital actual, engadir videoconferencias ao teu sitio web, aplicación ou plataforma pode mellorar significativamente a experiencia do visitante do teu sitio web, xa sexa proporcionando comunicacións bidireccionais seguras, aloxando eventos de marca exitosos e moitos casos de uso diferentes.

Estás a pensar en engadir videoconferencias ao teu sitio web ou plataforma pero non sabes por onde comezar?

Vostede chegou ao lugar seguro.

Nesta guía, comentaremos todo o que necesitas saber sobre a incorporación de videoconferencias no teu sitio web ou aplicación e responderemos algunhas preguntas clave como:

• Cal é a urxencia de engadir videoconferencias á túa empresa?
• Como poden as videoconferencias mellorar as comunicacións internas e a experiencia do cliente?
• Cales son os problemas de seguridade ao engadir videoconferencias á túa plataforma?
• Que difícil é engadir videoconferencias? Cales son as nosas opcións?

E moito máis.

Sen máis, comecemos de inmediato.

Por que engadir videoconferencias ao teu sitio web?

Todos sabemos que o marketing de vídeo está en todas partes hoxe en día, pero cal é a urxencia de engadir videoconferencias e outras funcións de vídeo ao teu sitio web ou aplicación existente?

Hai tres casos de uso básicos para engadir funcións de videoconferencia á túa plataforma:

1. Facilitar a comunicación bidireccional en tempo real

Os consumidores actuais simplemente esperan respostas inmediatas das marcas coas que están interactuando e, se é posible, cun só toque ou clic. Segundo a estudo recente realizado por HubSpot, o 90 % dos clientes actuais espera unha resposta nun prazo de 10 minutos ás súas preguntas ou consultas ou, en caso contrario, pasarán ao teu competidor.

Ao engadir a funcionalidade de videoconferencia ao seu sitio web, unha empresa pode facilitar un xeito inmediato e en tempo real para que os clientes interactúen co seu sitio web.

A comunicación virtual bidireccional e inmediata pode mellorar a experiencia do cliente ao interactuar coa túa marca de varias formas diferentes:

• Eliminar malentendidos e erros ao entender as necesidades e os puntos de dor dos seus clientes. Comprender mellor aos teus clientes é fundamental para atraerlles a que che compren (e compren máis).
• Permitir mellores conexións humanas cos clientes.
• Ofrecéndolle unha mellor oportunidade á túa empresa de educar aos clientes sobre os valores da túa marca/produto/servizo.

Como cliente, todos sabemos que é máis difícil dicir non durante unha oferta presencial en tempo real que durante unha oferta por teléfono ou publicidade. Podemos crear o mesmo efecto mediante videoconferencia.

2. Habilitar eventos dixitais para axudar aos teus esforzos de mercadotecnia

Engadindo funcións de videoconferencia ao teu permite ás empresas organizar eventos virtuais de alta calidade directamente nos seus sitios web ou aplicacións: seminarios web, lanzamentos de produtos dixitais, conferencias e incluso conferencias e feiras dixitais de pleno dereito. Os eventos virtuais aplícanse activamente programas de mercadotecnia de afiliación e úsanse xunto ás reunións en liña. Os eventos dixitais e o marketing de afiliados son unha combinación feita no ceo. Cando combinas estes factores xuntos, podes conseguir unha ampla gama de resultados.

Ao habilitar eventos dixitais de marca no teu sitio web, a túa empresa pode crear experiencias en tempo real moito máis integradas para clientes, clientes e partes interesadas internas.

Tamén pode aproveitar a funcionalidade de videoconferencia para organizar eventos "pequenos", como demostracións de produtos, compartir testemuños de clientes, estudos de casos, etc.

3. Mellora das comunicacións internas

Engadir videoconferencia ao teu sitio web, aplicación ou plataforma tamén pode proporcionar beneficios tanxibles para os teus interesados ​​internos.

Isto é especialmente certo se tes traballadores remotos no teu equipo (o que é cada vez máis común). Coas videoconferencias, os equipos remotos poden sentirse máis conectados coa organización na que traballan e con outros membros do equipo en comparación co correo electrónico ou o teléfono. comunicacións baseadas.

As videoconferencias tamén minimizan a confusión e os erros nas transmisións. Nas comunicacións por correo electrónico ou por teléfono, poden producirse malentendidos a pesar dos teus esforzos, pero nas comunicacións de vídeo podemos aproveitar o contexto da expresión facial e da linguaxe corporal xunto coas comunicacións de voz.

A longo prazo, esta comunicación mellorada e máis precisa pode axudar a mellorar a moral e a produtividade do equipo.

Como funciona a videoconferencia do sitio web

Hai tres solucións viables para engadir videoconferencias ao teu sitio web ou plataforma, cada unha cos seus pros e contras.

Non obstante, ao elixir entre estas opcións, en última instancia, trátase do custo/dificultade da implementación fronte á personalización.

As tres opcións son

1. Crea a túa solución desde cero

O primeiro enfoque é construír a funcionalidade de videoconferencia desde cero, xa sexa por conta propia, contratando un programador de software ou subcontratando o proxecto a un autónomo ou axencia. Para cumprir os estándares actuais que espera o mercado para unha solución de videoconferencia moderna en función de funcións e fiabilidade, é necesario contratar ou terceirizar a un equipo experimentado.

Esta é a opción que ofrece máis liberdade en canto á personalizabilidade: podes deseñar a interface de videoconferencia como desexes, incluír tantos elementos de marca como desexes e engadir as funcións que consideres necesarias para os casos de uso previstos.

Non obstante, esta é tamén a opción máis difícil e máis cara. Se sabes canto custa contratar un programador de software, pero non ten orzamento, non subestime o tempo necesario para completar o proceso de desenvolvemento e probar a solución de videoconferencia ata que estea lista para o lanzamento.

Sen esquecer, haberá custos continuos ademais dos custos iniciais de desenvolvemento para manter a solución, engadindo continuamente novas funcións para satisfacer as expectativas do cliente en crecemento, custos de mantemento de hospedaxe dos servidores e garantindo a fiabilidade da solución para minimizar o tempo de inactividade e seguir traballando con todos os navegadores. Todos estes poden sumarse rapidamente, facendo que a solución sexa moi cara de manter.

2. Incorporación de solucións dispoñibles

A segunda opción é incorporar no teu sitio web solucións de videoconferencia listas como Zoom ou Microsoft Teams.

A maioría das solucións de videoconferencia populares ofrecen SDK e/ou API para integrar facilmente a súa funcionalidade de videoconferencia no seu sitio web ou aplicación. Moitas destas solucións son moi accesibles e incluso totalmente gratuítas.

Esta é a opción máis económica e normalmente a máis fácil de implementar, pero tamén a opción na que terás a menor liberdade de personalización e personalización. Deberás seguir coa interface, o deseño e as funcións que ofrece a solución que elixas por defecto.

3. Integración de API desde unha solución de marca branca

Con esta opción, obterás o mellor de ambos os mundos: podes evitar o longo e caro proceso de desenvolvemento de crear a túa solución desde cero, pero podes personalizar a funcionalidade de videoconferencia no teu sitio web como creas oportuno.

Callbridge é unha solución de videoconferencia de marca branca que che permite integrar a súa API no teu sitio web ou aplicación con facilidade.

Só ten que engadir algunhas liñas de código á súa aplicación/sitio web e obterá as funcións de videoconferencia desexadas no seu sitio web.

Aínda que non obterá o 100 % de liberdade que obtería doutro xeito ao crear a súa propia solución desde cero, con API de vídeo iotum, aínda terás a posibilidade de engadir o teu propio logotipo, esquema de cores de marca e outros elementos a unha aplicación existente. Iotum tamén ofrece o servizo para implementar calquera función personalizada na API segundo as solicitudes dos clientes.

Como engadir videoconferencias ao teu sitio web a través da API de Iotum

Ao asociarse con Iotum, pode integrar facilmente a funcionalidade de videoconferencia de Iotum a través da API.

Non obstante, asegúrate de que o teu sitio web estea configurado correctamente para garantir que o reprodutor de videoconferencias de Iotum funcione segundo o previsto.

Requisitos do sitio web para o código incorporado

• Podes inserir calquera das páxinas visibles en Iotum no teu sitio web ou aplicación web usando un iframe. Asegúrate de establecer o parámetro src do iframe no URL da sala de reunións.
• Asegúrate de que o iframe teña as funcións de cámara e micrófono permitidas e configuradas en pantalla completa.
• A páxina ou as páxinas de host deben ter un certificado SSL válido para que o iframe de Iotum funcione correctamente en Chrome.
• En Internet Explorer ou Edge, se o iframe está dentro doutro iframe (máis dun nivel de profundidade), todos os antepasados ​​do iframe de Iotum deben pertencer ao mesmo host.

Unha vez que se cumpran todos os requisitos, simplemente copie e pegue este código no seu sitio web:

Podes inserir calquera páxina de Iotum co mesmo formato de código.

Se desexa que o usuario inicie sesión antes de que poida ver e utilizar o iframe, pode utilizar a función SSO, como comentaremos máis abaixo nesta guía.

Incorporando o reprodutor de transmisión en directo de Iotum

Tamén podes transmitir en directo as videoconferencias de Iotum a través de HLS e HTTPS.

Do mesmo xeito que incorporar a sala de reunións, podes incorporar o reprodutor de transmisión en directo de Iotum mediante un iframe. Asegúrate de que os atributos do iframe permiten a reprodución automática e a pantalla completa para garantir que o reprodutor de emisión en directo funcione segundo o previsto.

Simplemente copie e pegue o seguinte código:

Nota: 123456 é o código de acceso da sala de reunións que se transmite en directo

Personaliza a sala de videoconferencias de Iotum

Como se comentou, integración de API de videoconferencia significa que aínda terás algo de liberdade para personalizar a sala de videoconferencias para adaptala ao aspecto da túa marca. Tamén tes a posibilidade de engadir ou eliminar as funcións da sala de videoconferencias segundo consideres conveniente.

Podes personalizar a sala de videoconferencia de dous métodos principais usando estes parámetros de URL:

nome: cadea. Ao incluír este parámetro de URL, non se lles pedirá aos usuarios que introduzan os seus nomes.
skip_join: verdadeiro/falso. Ao incluír este parámetro de URL, non se lles presentará aos usuarios o diálogo de selección de dispositivos de vídeo/audio. Os usuarios, por defecto, uniranse usando o micrófono e a cámara predeterminados do seu sistema.
observador: verdadeiro/falso. Cando un usuario se une á sala de videoconferencia coa cámara apagada, este usuario non mostrará un mosaico de vídeo aos outros usuarios. Este usuario aínda pode escoitar e ser escoitado por outros usuarios.
silencio: micrófono, cámara. Podes pasar "cámara", "micrófono" ou ambos "cámara, micrófono". Isto permítelle silenciar a cámara ou o micrófono do usuario de forma predeterminada cando se une á sala.
vista:galería,altofalante_inferior,altofalante_lado_esquerdo. A vista predeterminada para reunións é a vista de galería. Podes anular isto especificando 'bottom_speaker' ou 'left_side_speaker'. 'falante_inferior'

Tamén podes personalizar a sala de videoconferencia para ocultar ou mostrar estes controis da IU:

Compartir en pantalla
Pizarra
rexistro
Volume de saída
Chat de texto
os participantes
Silenciar todo
Información da reunión
Configuración
Pantalla completa
Vista da Galería
Calidade de conexión

Usando o deseño de tiras para ver festas ou xogos

Podes copiar e pegar o seguinte código para renderizar o iframe de videoconferencia nun deseño de tira que podes colocar na parte inferior da sala/aplicación; útil para ver festas, xogos ou outros casos de uso que requiren que a gran maioría da pantalla estea dedicada á aplicación:

Usando eventos e accións do SDK para xestionar eventos en tempo real

Cos eventos WebSDk de Iotum, pode xestionar e modificar eventos (é dicir, seminarios web ou videoconferencias) en tempo real para actualizar dinámicamente as experiencias dos usuarios en consecuencia.

Inscrición para eventos

Manexo de eventos

Iotum tamén che permite chamar accións da API na sala de conferencias local segundo as necesidades reais do teu evento, incluíndo engadir a túa propia IU mediante as accións WebSDK.

Incluíndo SSO (inicio de sesión único)

Podes iniciar sesión sen problemas na túa aplicación sen presentarlles unha pantalla de inicio de sesión usando o host_id e login_token_public_key dispoñibles nos puntos finais do usuario.

É importante ter en conta que os puntos finais deben ser visitados directamente polo usuario, non polo seu servidor. É dicir, non tes que proporcionar o token de autorización da API ti mesmo.

Implementación de SSO mediante GET (iFrame)

Para implementar SSO a través dun iframe, use o punto final /auth como atributo src do iframe.

Parámetros necesarios

host_id: o número de conta do usuario, recuperado dos puntos finais do host
login_token_public_key: un token de autorización específico do host, recuperado dos puntos finais do host
redirect_url: en que páxina debe acceder o usuario despois de iniciar sesión. Este pode ser o panel de control ou unha sala de reunións específica ou outros URL.
after_call_url (opcional): se se proporciona, o usuario redirixirá ao URL proporcionado despois de saír dunha chamada. Se non está no noso dominio, debes proporcionar un URL completo (incluíndo http:// ou https://)

Exemplo:

envolvendo anterior

Engadir videoconferencia ao teu sitio web aproveitando as API de solucións de videoconferencia fiables como Iotum permitiríache obter a liberdade de personalización ao mesmo tempo que evitas o proceso longo e caro de construír unha solución de videoconferencia desde cero.

Arriba, tamén comentamos como pode integrar facilmente as funcións de videoconferencia a través da API de Iotum, así como as personalizacións que pode facer para garantir que o reprodutor Iotum se aliña coa súa marca e con funcionalidades óptimas segundo as súas necesidades únicas.