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
Copy file name to clipboardExpand all lines: articles/communication-services/concepts/ui-library/includes/web-ui-use-cases.md
+16-14Lines changed: 16 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,9 @@ ms.topic: include
6
6
ms.service: azure-communication-services
7
7
---
8
8
9
-
Use the UI Library to create calling and chat experiences through Azure Communication Services UI components and composites. In a composite, capabilities are built in directly and exposed when you integrate the composite into an application. In a UI component, capabilities are exposed through a combination of UI functionality and underlying stateful libraries. To take full advantage of these capabilities, we recommend that you use UI components with stateful call and chat client libraries.
9
+
Use components and composites in the Azure Communication Services UI Library to create call and chat experiences in your applications.
10
+
11
+
In a composite, call and chat capabilities are built in directly and exposed when you integrate the composite into an application. In a UI component, call and chat capabilities are exposed through a combination of UI functionality and underlying stateful libraries. To take full advantage of these capabilities, we recommend that you use UI components with stateful call and chat client libraries.
10
12
11
13
Get more conceptual documentation, quickstarts, and examples in the [UI Library storybook](https://azure.github.io/communication-ui-library).
12
14
@@ -26,11 +28,11 @@ Get more conceptual documentation, quickstarts, and examples in the [UI Library
26
28
|| Make video preview available throughout a call for a local user |
27
29
|| Make default avatars available when video is off |
28
30
|| Show shared screen content in the participant gallery |
29
-
| Call configuration | Manage microphone device |
30
-
|| Manage camera device |
31
-
|| Manage speaker device |
31
+
| Call configuration | Manage the microphone device |
32
+
|| Manage the camera device |
33
+
|| Manage the speaker device |
32
34
|| Make local preview available for user to check video |
33
-
| Participants | Show participant roster |
35
+
| Participants | Show a participant roster |
34
36
35
37
## Chat use cases
36
38
@@ -41,10 +43,10 @@ Get more conceptual documentation, quickstarts, and examples in the [UI Library
41
43
| Chat actions | Send a chat message |
42
44
|| Receive a chat message |
43
45
| Chat events | Show typing indicators |
44
-
||Send read receipt |
46
+
||Show a read receipt |
45
47
|| Show when a participant is added or removed |
46
-
|| Show that the hat title changed|
47
-
| Participants | Show participant roster |
48
+
|| Show changes to the chat title |
49
+
| Participants | Show a participant roster |
48
50
49
51
## Supported identities
50
52
@@ -66,7 +68,7 @@ If you use UI components to deliver Teams interoperability experiences, begin by
66
68
67
69
## Customization
68
70
69
-
Use UI Library patterns to modify components to fit the look and feel of your application. These capabilities are a key area of differentiation between Communication Services composites and UI components. Composites have fewer customization options for a simpler integration experience.
71
+
Use UI Library patterns to modify components to match the look and feel of your application. Customization is a key difference between composites and UI components in Communication Services. Composites have fewer customization options for a simpler integration experience.
70
72
71
73
The following table compares composites and UI components for customization use cases:
72
74
@@ -82,7 +84,7 @@ The following table compares composites and UI components for customization use
82
84
83
85
## Observability
84
86
85
-
The state management architecture of UI Library is decoupled, so you can access the stateful calling and chat clients directly. You can hook into the stateful client to read the state, handle events, and override behavior to pass onto the UI components.
87
+
The state management architecture of UI Library is decoupled, so you can access stateful call and chat clients directly. You can hook into the stateful client to read the state, handle events, and override behavior to pass onto the UI components.
86
88
87
89
The following table compares composites and UI components for observability use cases:
88
90
@@ -94,11 +96,11 @@ The following table compares composites and UI components for observability use
94
96
95
97
## Recommended architecture
96
98
97
-
Initialize a composite and base components by using an Azure Communication Services access token. It's important to get access tokens from Azure Communication Services through a trusted service that you manage. For more information, see [Quickstart: Create and manage access tokens](../../../quickstarts/access-tokens.md) and the [trusted service tutorial](../../../tutorials/trusted-service-tutorial.md).
99
+
Initialize a composite and base components by using an Azure Communication Services access token. It's important to get access tokens from Communication Services through a trusted service that you manage. For more information, see [Quickstart: Create and manage access tokens](../../../quickstarts/access-tokens.md) and the [trusted service tutorial](../../../tutorials/trusted-service-tutorial.md).
98
100
99
101
:::image type="content" source="../../media/mobile-ui/ui-library-architecture.png" border="false" alt-text="Diagram that shows the recommended UI Library architecture.":::
100
102
101
-
Call and chat client libraries also must have the context for the call or chat they join. Like user access tokens, disseminate the context to clients by using your own trusted service.
103
+
Call and chat client libraries must have the context for the call or chat they join. Like user access tokens, disseminate the context to clients by using your own trusted service.
102
104
103
105
The following table summarizes initialization and resource management functions that are required to add context to a client library:
104
106
@@ -113,11 +115,11 @@ The following table summarizes initialization and resource management functions
113
115
114
116
| SDK | Windows | macOS | Ubuntu | Linux | Android | iOS |
\* The current version of Chrome and the two preceding releases are supported.
119
121
120
-
\*\* Safari version 13.1 and later versions are supported. Outgoing video for Safari macOS is not yet supported, but it is supported on iOS. Outgoing screen sharing is supported only on desktop iOS.
122
+
\*\* Safari version 13.1 and later versions are supported. Outgoing video for Safari macOS isn't yet supported, but it is supported for iOS. Outgoing screen sharing is supported only on desktop iOS.
0 commit comments