Bien démarrer avec l’exemple d’appel web

L’exemple d’appel web est une application web qui sert de procédure pas à pas pour les différentes fonctionnalités fournies par le SDK web Communication Services Calling.

Cet exemple a été conçu pour les développeurs, et facilite la prise en main de Communication Services. Son interface utilisateur est divisée en plusieurs sections, chacune comportant un bouton « Show code » qui vous permet de copier du code directement à partir de votre navigateur afin de le coller dans votre propre application Communication Services.

Bien démarrer avec l’exemple d’appel web

Suivez les indications de /Project/readme.md pour configurer le projet et l’exécuter localement sur votre ordinateur. Une fois que l’exemple d’appel web est en cours d’exécution sur votre ordinateur, la page d’arrivée suivante s’affiche :

Provisionnement d’utilisateur et initialisation du kit SDK

Cliquez sur « Provisioning user and initialize SDK » pour initialiser votre kit SDK à l’aide d’un jeton provisionné par le service de provisionnement de jetons back-end. Ce service back-end se trouve dans /project/webpack.config.js.

Cliquez sur le bouton « Show code » pour voir l’exemple de code que vous pouvez utiliser dans votre propre solution.

Une fois votre kit SDK initialisé, vous devriez voir ce qui suit :

Vous pouvez maintenant commencer à passer des appels à l’aide de votre ressource Communication Services !

Passage et réception d’appels

Le SDK web Communication Services Calling autorise les appels 1:1, 1:N et de groupe.

Pour les appels sortants 1:1 ou 1:N, vous pouvez spécifier plusieurs identités utilisateur Communication Services à appeler à l’aide de valeurs séparées par des virgules. Vous pouvez également spécifier des numéros de téléphone traditionnels (RTC) à appeler à l’aide de valeurs séparées par des virgules.

Lors de l’appel de numéros de téléphone RTC, spécifiez votre ID d’appelant de substitution. Cliquez sur le bouton « Place call » pour passer un appel sortant :

Pour joindre un appel de groupe, entrez le GUID qui identifie l’appel et cliquez sur le bouton « Join group » :

Cliquez sur le bouton « Show code » pour afficher l’exemple de code permettant de placer des appels, de recevoir des appels et de joindre des appels de groupe.

Un appel actif se présente comme suit :

Cet exemple fournit également des extraits de code pour les fonctionnalités suivantes :

• Clic sur l’icône de vidéo pour activer/désactiver votre caméra vidéo
• Clic sur l’icône de microphone pour activer/désactiver votre microphone
• Clic sur l’icône de lecture pour activer/désactiver la mise en attente de l’appel
• Clic sur l’icône d’écran pour démarrer/arrêter le partage de votre écran
• Clic sur l’icône représentant une personne pour ajouter un participant à l’appel
• Clic sur « Supprimer un participant » dans la liste des participants pour supprimer un participant spécifique de l’appel

Étapes suivantes

Pour plus d’informations, consultez les articles suivants :

• Familiarisez-vous avec l’utilisation du SDK Calling
• Apprenez-en davantage sur le fonctionnement des appels
• Lire la documentation de référence sur les API
• Consultez l’exemple Contoso Med App.

Documentation supplémentaire

• Exemples : Recherchez d’autres exemples sur notre page Vue d’ensemble des exemples.
• Redux - Gestion de l’état côté client
• FluentUI - Bibliothèque d’interface utilisateur, Technologie Microsoft
• React - Bibliothèque pour la création d’interfaces utilisateur
• ASP.NET Core - Framework pour la création d’applications web