Begin met het voorbeeld van webbellen

Warning

Azure Communication Services voert ingrijpende wijzigingen door en sommige services worden uitgefaseerd. Lees meer in de handleiding voor buitengebruikstelling en ingrijpende wijzigingen.

Het webcalling-voorbeeld is een webapplicatie die dient als een stapsgewijze walkthrough van de verschillende mogelijkheden die de Communication Services web calling SDK biedt.

Dit voorbeeld is gemaakt voor ontwikkelaars en maakt het heel eenvoudig om te beginnen met Communicatiediensten. De gebruikersinterface is verdeeld in meerdere secties, elk met een knop "Code weergeven" waarmee je code rechtstreeks van je browser kunt kopiëren naar je eigen Communication Services-applicatie.

Aan de slag met het voorbeeld voor bellen via het web

Belangrijk

Dit voorbeeld is beschikbaar op GitHub..

Volg de instructies in /Project/readme.md om het project op te zetten en lokaal op je machine uit te voeren. Zodra het webaanroepvoorbeeld op je machine draait, zie je de volgende landingspagina:

Gebruikersprovisioning en SDK-initialisatie

Klik op "Gebruiker provisionen en SDK initialiseren" om uw SDK te initialiseren met een token dat is geprovisioneerd door de back-endservice voor tokenprovisioning. Deze backend-dienst bevindt zich in /project/webpack.config.js.

Klik op de knop "Code weergeven" om de voorbeeldcode te zien die je in je eigen oplossing kunt gebruiken.

Je zou het volgende moeten zien zodra je SDK is geïnitialiseerd:

Je bent nu klaar om te beginnen met het plaatsen van gesprekken via je Communication Services-bron!

Oproepen plaatsen en ontvangen

De Communication Services web Calling SDK maakt 1:1, 1:N en groepsgesprekken mogelijk.

Voor 1:1- of 1:N-uitgaande oproepen kun je meerdere Communication Services User Identities aangeven om aan te roepen met komma-gescheiden waarden. Je kunt ook traditionele (PSTN) telefoonnummers opgeven om te bellen met komma-gescheiden waarden.

Geef bij het bellen van PSTN-telefoonnummers je alternatieve beller-ID op. Klik op de knop "Oproep plaatsen" om een uitgaande oproep te plaatsen:

Om deel te nemen aan een groepsgesprek, voer je de GUID in die het gesprek identificeert en klik je op de knop "Groep joinen":

Klik op de knop "Code weergeven" om de voorbeeldcode te zien voor het plaatsen van gesprekken, het ontvangen van gesprekken en het aansluiten bij groepsgesprekken.

Een actieve oproep ziet er zo uit:

Dit voorbeeld bevat ook codefragmenten voor de volgende mogelijkheden:

• Door op het video-icoon te klikken om je videocamera aan of uit te zetten
• Klikken op het microfoonicoon om je microfoon aan of uit te zetten
• Op het afspeelpictogram klikken om het gesprek in de wacht te zetten/uit de wacht te halen
• Klik op het schermpictogram om het delen van je scherm te starten/te stoppen.
• Door op het persoon-icoon te klikken om een deelnemer aan het gesprek toe te voegen
• Door te klikken op "Deelnemer verwijderen" in de spelerslijst om een specifieke deelnemer uit het gesprek te verwijderen

Volgende stappen 

Het voorbeeld downloaden uit GitHub

Zie de volgende artikelen voor meer informatie:

• Vertrouwd raken met het gebruik van de Calling SDK
• Meer informatie over hoe bellen werkt
• Bekijk de API-referentiedocumentatie
• Bekijk het voorbeeld van de Contoso Med-app

Aanvullende literatuur

• Voorbeelden - Vind meer voorbeelden en voorbeelden op onze overzichtspagina met voorbeelden.
• Redux: statusbeheer op de client
• FluentUI: door Microsoft ondersteunde bibliotheek voor de gebruikersinterface
• React: bibliotheek voor het ontwikkelen van gebruikersinterfaces
• ASP.NET Core: een framework voor het bouwen van webtoepassingen