Comment ajouter la visioconférence à votre site Web

Ce n'est un secret pour personne que la pandémie mondiale tout au long de 2020 et 2021 a accéléré l'adoption de la vidéoconférence partout dans le monde.

Les gens utilisent désormais Zoom, Microsoft Teams ou d'autres solutions de visioconférence à de nombreuses fins différentes : salles de classe virtuelles pour enfants, webinaires, réunions virtuelles, travail à distance ou même simplement pour retrouver des amis.

Cela étant dit, de nombreuses entreprises ont commencé à voir les avantages de la visioconférence et cherchent à intégrer des fonctionnalités de visioconférence sur leurs sites Web.

À l'ère numérique d'aujourd'hui, l'ajout de la visioconférence à votre site Web, votre application ou votre plate-forme peut améliorer considérablement l'expérience des visiteurs de votre site Web, que ce soit en fournissant des communications bidirectionnelles sécurisées, en organisant des événements de marque réussis et de nombreux cas d'utilisation différents.

Vous songez à ajouter la visioconférence à votre site Web ou à votre plateforme, mais vous ne savez pas par où commencer ?

Vous êtes arrivé au bon endroit.

Dans ce guide, nous discuterons de tout ce que vous devez savoir sur l'intégration de la visioconférence à votre site Web ou à votre application et répondrons à quelques questions clés telles que :

• Quelle est l'urgence d'ajouter la visioconférence à votre entreprise ?
• Comment les vidéoconférences peuvent-elles améliorer les communications internes et l'expérience client ?
• Quels sont les problèmes de sécurité liés à l'ajout de la visioconférence à votre plate-forme ?
• Est-il difficile d'ajouter la visioconférence ? Quelles sont nos options ?

Et plus encore.

Sans plus tarder, commençons tout de suite.

Pourquoi ajouter la visioconférence à votre site Web ?

Nous savons tous que le marketing vidéo est tout simplement partout de nos jours, mais quelle est l'urgence d'ajouter la vidéoconférence et d'autres fonctionnalités vidéo à votre site Web ou application existant ?

Il existe trois cas d'utilisation de base pour ajouter des fonctionnalités de visioconférence à votre plate-forme :

1. Faciliter la communication bidirectionnelle en temps réel

Les consommateurs d'aujourd'hui attendent simplement des réponses réactives et immédiates de la part des marques avec lesquelles ils interagissent, et si possible, en un seul clic. Selon un étude récente de HubSpot, 90 % des clients actuels s'attendent à une réponse dans les 10 minutes à leurs questions ou requêtes, sinon ils passeront à votre concurrent.

En ajoutant une fonctionnalité de vidéoconférence à son site Web, une entreprise peut offrir aux clients un moyen immédiat et en temps réel d'interagir avec votre site Web.

La communication virtuelle immédiate et bidirectionnelle peut améliorer l'expérience du client en interagissant avec votre marque de plusieurs manières différentes :

• Éliminer les malentendus et les erreurs dans la compréhension des besoins et des points faibles de vos clients. Mieux comprendre vos clients est essentiel pour les inciter à acheter (et à acheter plus) chez vous.
• Permettre de meilleures relations humaines avec les clients.
• Donner à votre entreprise une meilleure chance d'éduquer les clients sur les valeurs de votre marque/produit/service.

En tant que client, nous savons tous qu'il est plus difficile de dire non lors d'une offre en face à face en temps réel plutôt que d'offres par téléphone ou par publicité. Nous pouvons créer le même effet via la vidéoconférence.

2. Permettre aux événements numériques de soutenir vos efforts de marketing

Ajout d'une fonctionnalité de vidéoconférence à votre site de NDN Collective permet aux entreprises d'héberger des événements virtuels de haute qualité directement sur leurs sites Web ou applications : webinaires, lancements de produits numériques, keynotes, et même conférences et salons numériques à part entière. Les événements virtuels sont activement appliqués dans programmes de marketing d'affiliation et ils sont utilisés parallèlement aux réunions en ligne. Les événements numériques et le marketing d’affiliation vont de pair. Lorsque vous combinez ces facteurs, vous pouvez obtenir un large éventail de résultats.

En activant des événements numériques de marque sur votre site Web, votre entreprise peut créer des expériences en temps réel beaucoup plus intégrées pour les clients, les clients et les parties prenantes internes.

Vous pouvez également tirer parti de la fonctionnalité de vidéoconférence pour organiser des événements "plus petits" comme des démonstrations de produits, partager des témoignages de clients, des études de cas, etc.

3. Améliorer les communications internes

L'ajout de la visioconférence à votre site Web, application ou plate-forme peut également offrir des avantages tangibles à vos parties prenantes internes.

Cela est particulièrement vrai si vous avez des télétravailleurs dans votre équipe (ce qui devient de plus en plus courant). communications basées.

La visioconférence minimise également la confusion et les erreurs dans les transmissions. Dans les communications par e-mail ou par téléphone, des malentendus peuvent survenir malgré tous vos efforts, mais dans les communications vidéo, nous pouvons tirer parti du contexte de l'expression faciale et du langage corporel ainsi que des communications vocales.

À long terme, cette communication améliorée et plus précise peut contribuer à améliorer le moral et la productivité de l'équipe.

Fonctionnement de la visioconférence sur le site Web

Il existe trois solutions viables pour ajouter la visioconférence à votre site Web ou à votre plate-forme, chacune avec ses propres avantages et inconvénients.

Cependant, en choisissant entre ces options, en fin de compte, il s'agit du coût/de la difficulté de mise en œuvre par rapport à la personnalisation.

Les trois options sont

1. Construire votre solution à partir de rien

La première approche consiste à créer la fonctionnalité de visioconférence à partir de zéro, soit par vous-même, soit en embauchant un développeur de logiciels, soit en sous-traitant le projet à un indépendant ou à une agence. Pour répondre aux normes actuelles attendues par le marché pour une solution de visioconférence moderne en termes de fonctionnalités et de fiabilité, l'embauche ou l'externalisation auprès d'une équipe expérimentée est une nécessité.

C'est l'option qui offre le plus de liberté en matière de personnalisation : vous pouvez concevoir l'interface de visioconférence comme bon vous semble, inclure autant d'éléments de marque que vous le souhaitez et ajouter toutes les fonctionnalités que vous jugez nécessaires pour le ou les cas d'utilisation prévus.

Cependant, c'est aussi l'option la plus difficile et la plus coûteuse. Si tu sais combien coûte l'embauche d'un développeur de logiciels, mais que vous n'avez pas de budget, ne sous-estimez pas le temps nécessaire pour terminer le processus de développement et tester la solution de visioconférence jusqu'à ce qu'elle soit prête à être lancée.

Sans oublier qu'il y aura des coûts permanents en plus des coûts de développement initiaux pour la maintenance de la solution, l'ajout continu de nouvelles fonctionnalités pour répondre aux attentes croissantes des clients, les coûts de maintenance de l'hébergement des serveurs et la garantie de la fiabilité de la solution pour minimiser les temps d'arrêt et continuer à fonctionner avec tous les navigateurs. Tous ces éléments peuvent s'additionner rapidement, ce qui rend la solution très coûteuse à entretenir.

2. Intégrer des solutions prêtes à l'emploi

La deuxième option consiste à intégrer des solutions de visioconférence prêtes à l'emploi (prêtes à l'emploi) telles que Zoom ou Microsoft Teams sur votre site Web.

La plupart des solutions de visioconférence populaires proposent des SDK et/ou des API pour intégrer facilement leurs fonctionnalités de visioconférence à votre site Web ou à votre application. Beaucoup de ces solutions sont très abordables et même totalement gratuites.

C'est l'option la plus abordable et généralement la plus facile à mettre en œuvre, mais aussi l'option dans laquelle vous aurez le moins de liberté en matière de personnalisation et de personnalisation. Vous devrez vous en tenir à l'interface, à la conception et aux fonctionnalités offertes par défaut par la solution de votre choix.

3. Intégration d'API à partir d'une solution en marque blanche

Dans cette option, vous obtiendrez le meilleur des deux mondes : vous pouvez contourner le processus de développement long et coûteux consistant à créer votre solution à partir de zéro, mais vous pouvez personnaliser la fonctionnalité de vidéoconférence sur votre site Web comme bon vous semble.

Callbridge est une solution de visioconférence en marque blanche qui vous permet d'intégrer facilement son API dans votre site Web ou votre application.

Ajoutez simplement quelques lignes de code à votre application/site Web et vous obtiendrez les fonctionnalités de vidéoconférence souhaitées sur votre site Web.

Bien que vous n'obteniez pas la liberté à 100 % que vous obtiendriez autrement en créant votre propre solution à partir de zéro, avec API vidéo iotum, vous aurez toujours la possibilité d'ajouter votre propre logo, la palette de couleurs de votre marque et d'autres éléments à une application existante. Iotum fournit également le service pour implémenter toutes les fonctionnalités personnalisées de l'API en fonction des demandes des clients.

Comment ajouter la visioconférence à votre site Web via l'API Iotum

En vous associant à Iotum, vous pouvez facilement intégrer la fonctionnalité de visioconférence d'Iotum via l'API.

Cependant, assurez-vous que votre site Web est correctement configuré pour garantir que le lecteur de vidéoconférence d'Iotum fonctionne comme prévu.

Exigences du site Web pour le code intégré

• Vous pouvez intégrer n'importe quelle page visible sur Iotum dans votre site Web ou votre application Web à l'aide d'un iframe. Assurez-vous de définir le paramètre src de l'iframe sur l'URL de la salle de réunion.
• Assurez-vous que l'iframe a les fonctions de caméra et de microphone autorisées et définies en plein écran.
• La ou les pages hôtes doivent disposer d'un certificat SSL valide pour que l'iframe d'Iotum fonctionne correctement dans Chrome.
• Dans Internet Explorer ou Edge, si l'iframe se trouve dans un autre iframe (plus d'un niveau de profondeur), tous les ancêtres de l'iframe d'Iotum doivent appartenir au même hôte.

Une fois toutes les conditions remplies, copiez et collez simplement ce code sur votre site Web :

Vous pouvez intégrer n'importe quelle page d'Iotum avec le même format de code.

Si vous souhaitez que l'utilisateur soit connecté avant de pouvoir afficher et utiliser l'iframe, vous pouvez utiliser la fonction SSO, comme nous le verrons plus loin dans ce guide.

Intégrer le lecteur de diffusion en direct d'Iotum

Vous pouvez également diffuser en direct les vidéoconférences d'Iotum via HLS et HTTPS.

Semblable à l'intégration de la salle de réunion, vous pouvez intégrer le lecteur de flux en direct d'Iotum via un iframe. Assurez-vous que les attributs de l'iframe autorisent la lecture automatique et le plein écran pour garantir que le lecteur de diffusion en direct fonctionne comme prévu.

Copiez et collez simplement le code suivant :

Remarque : 123456 est le code d'accès de la salle de réunion diffusée en direct

Personnalisez la salle de visioconférence d'Iotum

Tel que discuté, intégrer des API de visioconférence signifie que vous aurez toujours une certaine liberté dans la personnalisation de la salle de vidéoconférence pour l'adapter à l'apparence de votre marque. Vous avez également la possibilité d'ajouter ou de supprimer des fonctionnalités de la salle de visioconférence comme bon vous semble.

Vous pouvez personnaliser la salle de visioconférence de deux manières principales à l'aide de ces paramètres d'URL :

nom : chaîne. En incluant ce paramètre d'URL, les utilisateurs ne seront pas invités à saisir leur nom.
skip_join : vrai/faux. En incluant ce paramètre d'URL, les utilisateurs ne verront pas la boîte de dialogue de sélection de périphérique vidéo/audio. Les utilisateurs, par défaut, se joindront à l'aide du microphone et de la caméra par défaut de leur système.
observateur : vrai/faux. Lorsqu'un utilisateur rejoint la salle de visioconférence avec sa caméra éteinte, cet utilisateur n'aura pas de vignette vidéo affichée pour les autres utilisateurs. Cet utilisateur peut toujours entendre et être entendu par d'autres utilisateurs.
muet : micro, caméra. Vous pouvez transmettre soit « caméra », « micro » ou les deux « caméra, micro ». Cela vous permet de désactiver la caméra ou le microphone de l'utilisateur par défaut lorsqu'il rejoint la salle.
vue : galerie, haut-parleur_du_bas, haut-parleur_du_côté_gauche. La vue par défaut pour les réunions est la vue galerie. Vous pouvez remplacer cela en spécifiant 'bottom_speaker' ou 'left_side_speaker'. 'bottom_speaker'

Vous pouvez également personnaliser la salle de visioconférence pour masquer ou afficher ces commandes d'interface utilisateur :

Partage d'écran
Tableau blanc
Enregistrement
Volume de sortie
Chat texte
Participants
Rendre tout silencieux
Informations sur la réunion
Paramètres
Plein écran
Vue Galerie
Qualité de connexion

Utilisation de la disposition des bandes pour les soirées visionnage ou les jeux

Vous pouvez copier et coller le code suivant pour afficher l'iframe de la vidéoconférence dans une disposition en bande que vous pouvez placer au bas de la salle/de l'application ; utile pour les soirées de surveillance, les jeux ou d'autres cas d'utilisation qui nécessitent que la grande majorité de l'écran soit consacrée à l'application :

Utilisation des événements et des actions du SDK pour gérer les événements en temps réel

Avec les événements WebSDk d'Iotum, vous pouvez gérer et modifier des événements (c'est-à-dire des webinaires ou des vidéoconférences) en temps réel pour mettre à jour dynamiquement les expériences utilisateur en conséquence.

Inscription aux événements

Gestion des événements

Iotum vous permet également d'appeler des actions API dans la salle de conférence locale en fonction des besoins réels de votre événement, notamment en ajoutant votre propre interface utilisateur à l'aide des actions WebSDK.

Y compris SSO (Single Sign-On)

Vous pouvez connecter de manière transparente les utilisateurs à votre application sans leur présenter un écran de connexion en utilisant host_id et login_token_public_key disponibles à partir des points de terminaison de l'utilisateur.

Il est important de noter que les points de terminaison doivent être visités directement par l'utilisateur, et non par votre serveur. Cela signifie que vous n'avez pas à fournir vous-même le jeton d'autorisation de l'API.

Implémentation de SSO via GET (iFrame)

Pour implémenter SSO via une iframe, utilisez le point de terminaison /auth comme attribut src de l'iframe.

Paramètres requis

host_id : le numéro de compte de l'utilisateur, récupéré à partir des points de terminaison de l'hôte
login_token_public_key : un jeton d'autorisation spécifique à l'hôte, récupéré à partir des points de terminaison de l'hôte
redirect_url : sur quelle page l'utilisateur doit atterrir après s'être connecté. Il peut s'agir du tableau de bord ou d'une salle de réunion spécifique, ou d'autres URL.
after_call_url (facultatif) : si fourni, l'utilisateur sera redirigé vers l'URL fournie après avoir quitté un appel. Si ce n'est pas dans notre domaine, vous devez fournir une URL complète (y compris http:// ou https://)

Mise en situation :

Récapitulation

L'ajout de la visioconférence à votre site Web en tirant parti des API de solutions de visioconférence fiables comme Iotum vous permettrait d'obtenir la liberté de personnalisation tout en évitant le processus long et coûteux de création d'une solution de visioconférence à partir de zéro.

Ci-dessus, nous avons également expliqué comment vous pouvez facilement intégrer des fonctions de visioconférence via l'API d'Iotum, ainsi que les personnalisations que vous pouvez effectuer pour vous assurer que le lecteur Iotum s'aligne sur votre marque et avec des fonctionnalités optimales en fonction de vos besoins uniques.