You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
|[CallComposite](../../../quickstarts/ui-library/get-started-composites.md)| Calling experience that allows users to start or join a call. Inside the experience, users can configure their devices, participate in the call with video, and see other participants, including those ones with video turned on. For Teams interoperability, `CallComposite` includes lobby functionality so that users can wait to be admitted. |
21
21
|[ChatComposite](../../../quickstarts/ui-library/get-started-chat-ui-library.md)| The `ChatComposite` brings a real-time text messaging experience to users. Specifically, users can send and receive a chat message with events from typing indicators and read receipt. In addition, users can also receive system messages such as participant added or removed and changes to chat title. |
22
22
23
-
## Composites Scenarios for Calling
23
+
## Composites scenarios for calling
24
24
25
-
### Joining a Video/Audio Call
25
+
### Joining a video/audio call
26
26
27
27
Users can join a call using the *Teams meeting URL* or they can set up an Azure Communication Services Call. This approach offers a simpler experience, just like the Teams application.
28
28
29
29
:::image type="content" source="../../media/mobile-ui/android-composite.gif" alt-text="Gif animation shows the pre-meeting experience and joining experience on Android.":::
30
30
31
-
### Pre-call Experience
31
+
### Pre-call experience
32
32
33
33
As a participant of the call, you can provide a name and set up a default configuration for audio and video devices. Then you're ready to jump into the call.
34
34
35
35
:::image type="content" source="../../media/mobile-ui/teams-meet.png" alt-text="Screenshot shows the pre-meeting experience, a page with a message for the participant.":::
36
36
37
-
### Call Experience
37
+
### Call experience
38
38
39
39
The calling composite provides an end-to-end experience, optimizes development time, and focuses on clean layout.
40
40
41
41
:::image type="content" source="../../media/mobile-ui/calling-composite.png" alt-text="Screenshot shows the meeting experience, with icons or video of participants.":::
42
42
43
43
The calling experience provides all these capabilities in one composite component, providing a clear path without complex code, which leads to faster development time.
44
44
45
-
### Quality and Security
45
+
### Quality and security
46
46
47
47
Mobile composites for calling are initialized using [Azure Communication Services access tokens](../../../quickstarts/access-tokens.md).
48
48
49
-
### More Details
49
+
### More details
50
50
51
51
If you need more details about mobile composites for calling, see [use cases](../ui-library-use-cases.md#calling-use-cases).
The `ChatComposite` delivers real time text messaging experiences. With the flexibility and scalability in mind, the `ChatComposite` can adapt to different layout or views from your applications without complexibility. You could also choose to not have the `ChatComposite` view shown and only receive notifications to meet your different business needs.
60
60
@@ -63,11 +63,11 @@ The `ChatComposite` delivers real time text messaging experiences. With the flex
63
63
| :::image type="content" source="../../media/mobile-ui/ios-chat-composite.gif" alt-text="Gif animation shows the chat experience on iOS."::: | :::image type="content" source="../../media/mobile-ui/android-chat-composite.gif" alt-text="Gif animation shows the chat experience on Android."::: |
64
64
65
65
66
-
### Quality and Security
66
+
### Quality and security
67
67
68
68
Similar to the `CallComposite`, the `ChatComposite` also utilizes [Azure Communication Services access tokens](../../../quickstarts/access-tokens.md). To ensure only users with appropriate permission can access chat, their user tokens need to be added into a valid [chat thread](../../../quickstarts/chat/get-started.md) prior to starting the Chat experience.
69
69
70
-
### More Details
70
+
### More details
71
71
72
72
If you need more details about mobile composites for chat, see [use cases](../ui-library-use-cases.md#chat-use-cases).
0 commit comments