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 Aplicación de referencia de la Video API.

¿Por qué el cambio?

El Aplicación de referencia de la Video API ofrece una base más sólida, moderna y personalizable para desarrollar aplicaciones de vídeo con múltiples participantes. Ofrece:

Buenas prácticas: Implementación actualizada de los SDK de Core Video.
Interfaz de usuario lista para la producción: Componentes altamente personalizables para web, iOS y Android.
Funciones avanzadas: Mejor compatibilidad con diseños complejos y las funciones de los navegadores modernos.

Próximos pasos:

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

Primeros pasos

Vonage Video Express es una biblioteca de JavaScript que permite crear rápidamente una aplicación web de videoconferencia multipartita. Funciona sobre la 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> sección de la página HTML, para incluir Vonage Video Express en nuestra aplicación
Copia
```
<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, tendrás que añadir CSS para aplicar estilos a los componentes de la sala en tu aplicación:

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

<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">

Añade un div elemento dentro del body sección. Esta será la contenedor de habitación. El SDK añadirá todos sus componentes DOM dentro de este contenedor:

<body>
  <div id="roomContainer"></div>
</body>

Utiliza este fragmento de código para crear una sala y a unirse la videoconferencia. Para crear el objeto «sala», tendrás que proporcionar tu 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.