Kom igång med exemplet för webbsamtal

Exemplet på webbsamtal är en webbapp som fungerar som en stegvis genomgång av de olika funktionerna som tillhandahålls av Communication Services SDK för webbsamtal.

Det här exemplet har skapats för utvecklare och gör det mycket enkelt för dig att komma igång med Communication Services. Dess användargränssnitt är indelat i flera avsnitt, där var och en har knappen "Visa kod" som gör att du kan kopiera kod direkt från webbläsaren till ditt Communication Services program.

Kom igång med exemplet för webbsamtal

Följ bladet /Project/readme.md för att konfigurera projektet och köra det lokalt på datorn. När exemplet för webbsamtal körs på datorn visas följande landningssida:

Användareablering och SDK-initiering

Klicka på "Etablera användare och initiera SDK" för att initiera sdk:n med hjälp av en token som etablerats av etableringstjänsten för backend-token. Den här backend-tjänsten finns i /project/webpack.config.js .

Klicka på knappen "Visa kod" för att se exempelkoden som du kan använda i din egen lösning.

Du bör se följande när DIN SDK har initierats:

Nu är du redo att börja anropa med din Communication Services resurs!

Placera och ta emot anrop

Sdk:Communication Services för webbsamtal tillåter 1:1, 1:N och gruppsamtal.

För 1:1- eller 1:N utgående anrop kan du ange flera Communication Services användaridentiteter som ska anropas med kommaavgränsade värden. Du kan också ange traditionella (PSTN) telefonnummer att ringa med kommaavgränsade värden.

När du anropar PSTN-telefonnummer anger du ditt alternativa nummerpresentation. Klicka på knappen "Ring upp" för att ringa ett utgående samtal:

Om du vill ansluta till ett gruppanrop anger du det GUID som identifierar anropet och klickar på knappen "Anslut grupp":

Klicka på knappen "Visa kod" för att se exempelkoden för att ringa samtal, ta emot samtal och ansluta gruppsamtal.

Ett aktivt anrop ser ut så här:

Det här exemplet innehåller även kodfragment för följande funktioner:

• Klicka på videoikonen för att aktivera/inaktivera videokameran
• Klicka på mikrofonikonen för att aktivera/inaktivera mikrofonen
• Klicka på uppspelningsikonen för att hålla kvar/hålla kvar anropet
• Klicka på skärmikonen för att starta/sluta dela skärmen
• Klicka på personikonen för att lägga till en deltagare i samtalet
• Klicka på "Ta bort deltagare" i deltagarlistan för att ta bort en specifik deltagare från anropet

Nästa steg

Mer information finns i följande artiklar:

• Bekanta dig med att använda anropande SDK
• Läs mer om hur anrop fungerar
• Granska API-referensdokumenten
• Granska Contoso Med-appexempel

Mer att läsa

• Exempel – Hitta fler exempel på översiktssidan för våra exempel.
• Redux – tillståndshantering på klientsidan
• FluentUI – Microsoft-baserat användargränssnittsbibliotek
• React – Bibliotek för att skapa användargränssnitt
• ASP.NET Core – Ramverk för att skapa webbprogram