Vonage Video Express

Vonage Video Express es una biblioteca JavaScript para crear rápidamente una aplicación web de videoconferencia multipartita. Funciona sobre la API de Video API de Vonage para JavaScript.

Un comienzo rápido

  1. Instale el paquete Video Express:
  • Instalación mediante el npm paquete

    npm i --save @vonage/video-express
  • También podemos utilizar una etiqueta script en el campo <head> de la página HTML, para incluir Vonage Video Express en nuestra aplicación

    <script src="https://static.opentok.com/v1/js/video-express.js"></script>
    
  1. Actualmente, Vonage Video Express no incluye una interfaz de usuario predeterminada. Por lo tanto, deberás agregar CSS para dar estilo a los componentes de la sala en tu aplicación:

Para empezar, copie el archivo video-express-styles.css e inclúyalo en su head sección:

<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">
  1. Añadir un div dentro del elemento body sección. Esta será la contenedor de sala. El SDK añadirá todos sus componentes DOM dentro de este contenedor:
<body>
  <div id="roomContainer"></div>
</body>
  1. Utilice este fragmento de código para crear una habitación y a únase a la videoconferencia. Para crear el objeto de sala, deberá proporcionar su clave API, un ID de sesión y un token para la sesión:
<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>

Consulte la guía en Creación de sesiones y Creación de fichas.

Más recursos

Véase el Referencia de la API Video Express y guía.