Vonage Video Express

Vonage Video Express est une bibliothèque JavaScript qui permet de créer rapidement une application web de vidéoconférence multipartite. multipartite. Elle s'appuie sur l'API Video de Vonage pour JavaScript.

Un démarrage rapide

  1. Installez le paquetage Video Express :
  • Installation à l'aide du npm paquet

    npm i --save @vonage/video-express
  • Nous pouvons également utiliser une balise de script dans la balise <head> de la page HTML, pour inclure Vonage Video Express dans notre application

    <script src="https://static.opentok.com/v1/js/video-express.js"></script>
    
  1. Actuellement, Vonage Video Express n'inclut pas d'interface utilisateur par défaut. Vous devrez donc ajouter des feuilles de style CSS pour styliser les composants de la salle dans votre application :

Pour commencer rapidement, copiez le fichier video-express-styles.css et l'inclure dans votre head section :

<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">
  1. Ajouter un div à l'intérieur de l'élément body section. Il s'agit de la conteneur d'ambiance. Le SDK ajoutera tous ses composants DOM à l'intérieur de ce conteneur :
<body>
  <div id="roomContainer"></div>
</body>
  1. Utilisez cet extrait de code pour créer une pièce et à rejoindre la vidéoconférence. Pour créer l'objet salle, vous devez fournir votre clé API, un identifiant de session et un jeton pour la session :
<script type="text/javascript">
  const room = new VideoExpress.Room({
    apiKey: '', // add your Application ID
    sessionId: '', // add your Session ID
    token: '', // add your token
    roomContainer: 'roomContainer',
  });

  room.join();
</script>

Voir le guide sur Création de la session et Création de jetons.

Plus de ressources

Voir le Référence de l'API Video Express et guide.