Vonage Video Express

Avis de dépréciation

Vonage Video Express est désormais obsolète. Bien que la bibliothèque reste disponible pour les intégrations existantes, nous recommandons à tous les nouveaux projets et aux clients souhaitant migrer d'utiliser la librairie In-App Video API de référence.

Pourquoi ce changement ?

Les In-App Video API de référence fournit une base plus robuste, moderne et personnalisable pour la création d'applications vidéo multipartites. Il offre :

Meilleures pratiques: Mise en œuvre actualisée des SDK vidéo de base.
Une interface utilisateur prête pour la production: Composants hautement personnalisables pour le Web, iOS et Android.
Fonctionnalités avancées: Meilleure prise en charge des mises en page complexes et des capacités des navigateurs modernes.

Prochaines étapes :

Utilisateurs nouveaux et existants: Commencez votre voyage avec le Référence de l'API Video Vue d'ensemble de l'application.
Pour obtenir des conseils supplémentaires, communiquez avec le service de soutien vidéo de Vonage (support@api.vonage.com).

Pour commencer

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

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

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

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>

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.