Vonage Video Express

Aviso de caducidad

Vonage Video Express ahora está obsoleto. Aunque la biblioteca sigue estando disponible para las integraciones existentes, recomendamos que todos los proyectos nuevos y los clientes que deseen migrar utilicen la biblioteca Video API App de referencia.

¿Por qué el cambio?

En Video API App de referencia proporciona una base más sólida, moderna y personalizable para crear aplicaciones de vídeo multiparte. Ofrece:

Buenas prácticas: Implementación actualizada de los Core Video SDKs.
Interfaz de usuario lista para la producción: Componentes altamente personalizables para Web, iOS y Android.
Funciones avanzadas: Mejor soporte para diseños complejos y capacidades de navegadores modernos.

Próximos pasos:

Usuarios nuevos y existentes: Comience su viaje con el Video API Reference Descripción general de la aplicación.
Para obtener más información, ponte en contacto con el soporte de Vonage Video (support@api.vonage.com).

Cómo empezar

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

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
widgets.copy
```
<script src="https://static.opentok.com/v1/js/video-express.js"></script>
```

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">

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>

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.