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.

Notas importantes:

Antes de utilizar Video Express, asegúrate de activar el complemento de Video Express en tu Account.

Vaya a su Video API Account y haga clic en Configuración de la cuenta en el menú de la izquierda.
En la lista de Complementos de la cuentaencuentra Vídeo exprés y haga clic en Añadir a la cuenta. A continuación, sigue el resto de instrucciones para activar el complemento.

Actualmente, Vonage Video Express 1.0 admite hasta 25 participantes simultáneos en una sala. Si añades más de 25 personas a una sesión, deberás asegurarte de que el rendimiento de la red y del hardware de los participantes sea suficiente.

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 de OpenTok, un ID de sesión de OpenTok y un token para la sesión:

<script type="text/javascript">
  const room = new VideoExpress.Room({
    apiKey: '', // add your OpenTok API key
    sessionId: '', // add your OpenTok Session ID
    token: '', // add your OpenTok token
    roomContainer: 'roomContainer',
  });

  room.join();
</script>

Consulta las guías para desarrolladores de OpenTok 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 para desarrolladores.

Y echa un vistazo a estas aplicaciones de ejemplo en GitHub:

aplicación-video-express-react-React — Una aplicación de videoconferencias multipartita creada con Video Express y Create React App. Además de las funciones que ofrece Video Express, la aplicación incluye la selección del nombre de la sala y de los participantes, el archivo (grabación) y otras funciones.
Demostración de Vonage Video Express para iOS y Android — una aplicación que utiliza Video Express en vistas web (como WKWebView en iOS y WebView en Android) para aplicaciones móviles.