JavaScript

Tester votre code dans un navigateur

À ce stade, votre app.js devrait ressembler à ceci (avec quelques ajustements) :

Dans votre code complété, vous devriez avoir des valeurs codées en dur pour remplacer YOUR_APP_ID, YOUR_SESSION_ID et YOUR_TOKEN - si vous ne l'avez pas encore fait, voir Mise en place de l'authentification ci-dessus.

  1. Ouvrir le index.html dans votre navigateur en double-cliquant dessus.
  2. Le navigateur vous demandera l'autorisation d'utiliser votre appareil photo et votre microphone.
  3. Vous devriez vous voir apparaître à l'écran.

Ensuite, nous pouvons tester ce que cela donne si quelqu'un d'autre se connecte. Bien que notre code ne soit pas accessible depuis l'internet, nous pouvons le simuler en ouvrant cette page dans une autre fenêtre.

  1. Mettez-vous en sourdine pour éviter toute rétroaction.
  2. Copiez l'URL dans la barre d'adresse de votre navigateur.
  3. Ouvrez une nouvelle fenêtre ou un nouvel onglet, et collez l'adresse pour ouvrir le fichier.
  4. Vous devriez maintenant vous voir deux fois (avec un miroir de l'autre, selon votre navigateur).

Conseil de dépannage : Si aucune vidéo ne s'affiche sur la page, ouvrez l'onglet "console" dans les outils de votre navigateur (commande+option+i sur Mac, CTRL+i sur Windows) et recherchez les erreurs. Le problème le plus probable est que votre clé API, votre ID de session ou votre jeton n'est pas correctement configuré. Étant donné que vous avez codé en dur vos informations d'identification, il est également possible que votre jeton ait expiré.

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