JavaScript

Connexion à la session et création d'un éditeur

Vous avez peut-être remarqué que les initializeSession() qui est appelée à la dernière étape après avoir obtenu l'identifiant et le jeton de session. Cette méthode initialise un objet de session et se connecte ensuite à la session, mais nous ne l'avons pas encore définie dans notre code.

  1. Copiez le code suivant et collez-le sous le code existant dans votre app.js après le fichier initializeSession() ligne :

Ce code nous connecte à une session et publie notre caméra et notre microphone dans l'application et dans l'appel vidéo lui-même.

OT.initSession() prend notre ID d'application et notre ID de session pour définir la session vidéo à laquelle nous allons nous connecter. Cela ne nous connecte pas immédiatement au flux, car les applications peuvent avoir besoin d'un démarrage supplémentaire avant de se connecter complètement.

OT.initPublisher() configurer le navigateur pour qu'il publie notre caméra et notre microphone dans la session vidéo elle-même. Comme avec OT.initSession()Il ne publie pas immédiatement les flux dans l'API, il les configure simplement pour qu'ils le fassent plus tard.

session.connect() indique finalement au SDK de se connecter à l'API. Il prend notre jeton, qui est notre jeton d'authentification, et nous connecte à l'API. Puisque nous avons déjà configuré notre éditeur, il commencera également à diffuser une fois que nous serons connectés à la session globale.

Chat vidéo de base

Apprenez les concepts de base de la plateforme Video API de Vonage, y compris la façon dont les utilisateurs peuvent communiquer par le biais de la vidéo, de la voix et de la messagerie. Explorer un flux de base de l'API Video de Vonage.

Étapes
1
Vue d'ensemble
2
Avant de commencer
3
Configurer une application vidéo de Vonage
4
Création des dossiers de projet et du modèle HTML
5
Configuration de l'authentification
6
Connexion à la session et création d'un éditeur
7
Initialisation de l'abonné
8
Tester votre code dans un navigateur
9
Un peu de personnalisation CSS
10
Conclusion