Création des dossiers de projet et du modèle HTML
Vous commencerez par créer un fichier HTML, un fichier JavaScript et un fichier CSS. Ces trois fichiers contiendront respectivement notre mise en page, la logique de l'application et quelques éléments visuels.
- Avant de commencer à coder, créez un nouveau dossier de projet sur votre ordinateur pour y placer ces fichiers (l'exemple ci-dessous s'appelle monprojet mais vous pouvez lui donner le nom que vous voulez). Ajoutez ensuite un /js et /css ainsi que des fichiers vierges pour index.html, app.jset app.css dans la structure suivante :
Une fois votre projet configuré, ouvrez le dossier principal du projet dans votre éditeur de code et allez dans la section index.html fichier.
- Copiez le code suivant (en utilisant le bouton copier) et ajoutez-le à votre fichier index.html dans l'éditeur de code :
Le code ci-dessus contient des références au opentok.js ainsi que les fichiers JS et CSS que vous avez créés. Le code comprend également éditeur et abonné qui contiendront les flux vidéo - nous utiliserons ces classes pour personnaliser la mise en page ultérieurement.
Chat vidéo de base
Apprenez les concepts de base de la plateforme Video API de Vonage, y compris la façon dont les utilisateurs peuvent communiquer par le biais de la vidéo, de la voix et de la messagerie. Explorer un flux de base de l'API Video de Vonage.