Skip to content

Commit bc8e1c0

Browse files
Merge pull request #251383 from sloanster/patch-32
Update web-calling-hero.md
2 parents c508521 + 7e625d4 commit bc8e1c0

File tree

1 file changed

+9
-12
lines changed

1 file changed

+9
-12
lines changed

articles/communication-services/samples/includes/web-calling-hero.md

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,19 @@ author: probableprime
66
manager: mikben
77
ms.service: azure-communication-services
88
ms.subservice: azure-communication-services
9-
ms.date: 06/30/2021
9+
ms.date: 09/13/2023
1010
ms.topic: include
1111
ms.custom: include file
1212
ms.author: rifox
1313
---
1414

1515
The Azure Communication Services **Group Calling Hero Sample** demonstrates how the Communication Services Calling Web SDK can be used to build a group calling experience.
1616

17-
In this Sample quickstart, we'll learn how the sample works before we run the sample on your local machine. We'll then deploy the sample to Azure using your own Azure Communication Services resources.
17+
In this Sample quickstart, we learn how the sample works before we run the sample on your local machine and then deploy the sample to Azure using your own Azure Communication Services resources.
1818

1919
## Download code
2020

21-
Find the project for this sample on [GitHub](https://github.com/Azure-Samples/communication-services-web-calling-hero). A version of the sample which includes features currently in public preview such as [Teams Interop](../../concepts/teams-interop.md) and [Call Recording](../../concepts/voice-video-calling/call-recording.md) can be found on a separate [branch](https://github.com/Azure-Samples/communication-services-web-calling-hero/tree/public-preview).
21+
Find the project for this sample on [GitHub](https://github.com/Azure-Samples/communication-services-web-calling-hero). A version of the sample that includes features currently in public preview such as [Teams Interop](../../concepts/teams-interop.md) and [Call Recording](../../concepts/voice-video-calling/call-recording.md) can be found on a separate [branch](https://github.com/Azure-Samples/communication-services-web-calling-hero/tree/public-preview).
2222

2323
[![Deploy to Azure](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/#create/Microsoft.Template/uri/https%3A%2F%2Fraw.githubusercontent.com%2FAzure-Samples%2Fcommunication-services-web-calling-hero%2Fmain%2Fdeploy%2Fazuredeploy.json)
2424

@@ -30,31 +30,28 @@ Here's what the sample looks like:
3030

3131
:::image type="content" source="../media/calling/landing-page.png" alt-text="Screenshot showing the landing page of the sample application.":::
3232

33-
When you press the "Start a call" button, the web application fetches a user access token from the server-side application. This token is then used to connect the client app to Azure Communication Services. Once the token is retrieved, you'll be prompted to specify the camera and microphone that you want to use. You'll be able to disable/enable your devices with toggle controls:
33+
When you press the "Start a call" button, the web application fetches a user access token from the server-side application. This token is then used to connect the client app to Azure Communication Services. Once the token is retrieved, you are prompted to specify the camera and microphone that you want to use. You are able to disable/enable your devices with toggle controls:
3434

3535
:::image type="content" source="../media/calling/pre-call.png" alt-text="Screenshot showing the pre-call screen of the sample application.":::
3636

37-
Once you configure your display name and devices, you can join the call session. You'll then see the main call canvas where the core calling experience lives.
37+
Once you configure your display name and devices, you can join the call session. You will see the main call canvas where the core calling experience lives.
3838

3939
:::image type="content" source="../media/calling/main-app.png" alt-text="Screenshot showing the main screen of the sample application.":::
4040

4141
Components of the main calling screen:
4242

4343
- **Media Gallery**: The main stage where participants are shown. If a participant has their camera enabled, their video feed is shown here. Each participant has an individual tile which shows their display name and video stream (when there is one)
4444
- **Header**: This is where the primary call controls are located to toggle settings and participant side bar, turn video and mix on/off, share screen and leave the call.
45-
- **Side Bar**: This is where participants and settings information are shown when toggled using the controls on the header. The component can be dismissed using the 'X' on the top right corner. Participants side bar will show a list of participants and a link to invite more users to chat. Settings side bar allows you to configure microphone and camera settings.
45+
- **Side Bar**: This is where participants and settings information are shown when toggled using the controls on the header. The component can be dismissed using the 'X' on the top right corner. Participants side bar shows a list of participants and a link to invite more users to chat. Settings side bar allows you to configure microphone and camera settings.
4646

47-
> [!NOTE]
48-
> Based on limitations on the Web Calling SDK, only 4 video streams and 1 screen sharing stream is rendered. For more information see, [Calling SDK Stream Support](../../concepts/voice-video-calling/calling-sdk-features.md#calling-sdk-streaming-support).
49-
50-
Below you'll find more information on prerequisites and steps to set up the sample.
47+
Below you can find more information on prerequisites and steps to set up the sample.
5148

5249
## Prerequisites
5350

5451
- An Azure account with an active subscription. For details, see [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F)
5552
- [Node.js (12.18.4 and above)](https://nodejs.org/en/download/)
5653
- [Visual Studio Code (Stable Build)](https://code.visualstudio.com/Download)
57-
- An Azure Communication Services resource. For details, see [Create an Azure Communication Services resource](../../quickstarts/create-communication-resource.md). You'll need to record your resource **connection string** for this quickstart.
54+
- An Azure Communication Services resource. For details, see [Create an Azure Communication Services resource](../../quickstarts/create-communication-resource.md). You need to record your resource **connection string** for this quickstart.
5855

5956
## Before running the sample for the first time
6057

@@ -95,7 +92,7 @@ Below you'll find more information on prerequisites and steps to set up the samp
9592
npm run start
9693
```
9794
98-
This will open a client server on port 3000 that serves the website files, and an api server on port 8080 that performs functionality like minting tokens for call participants.
95+
This opens a client server on port 3000 that serves the website files, and an api server on port 8080 that performs functionality like minting tokens for call participants.
9996
10097
### Troubleshooting
10198

0 commit comments

Comments
 (0)