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
||[Send and receive file attachments](../../../tutorials/file-sharing-tutorial-acs-chat.md). |[Receive file attachments\*](../../../tutorials/file-sharing-tutorial-interop-chat.md).|
50
-
| Chat events | Send and receive typing indicators. | Send and receive typing indicators\*\*.|
49
+
||[Send and receive file attachments](../../../tutorials/file-sharing-tutorial-acs-chat.md). |[Receive file attachments.\*](../../../tutorials/file-sharing-tutorial-interop-chat.md)|
50
+
| Chat events | Send and receive typing indicators. | Send and receive typing indicators.\*\*|
51
51
|| Send and receive read receipts. | Send and receive read receipts. |
52
52
|| Show when a participant is added or removed. | Show when a participant is added or removed. |
53
53
| Participants | Show a participant roster. | Show a participant roster. |
@@ -73,8 +73,8 @@ If you use UI components to deliver Teams interoperability experiences, begin by
73
73
-[Lobby example](https://azure.github.io/communication-ui-library/?path=/story/examples-teams-interop--lobby): A sample lobby where a participant can wait to be admitted to a call.
74
74
-[Compliance banner](https://azure.github.io/communication-ui-library/?path=/story/examples-teams-interop--compliance-banner): A sample banner that shows the user if the call is being recorded.
75
75
-[Teams theme](https://azure.github.io/communication-ui-library/?path=/story/examples-themes--teams): A sample theme that makes UI Library elements look like Microsoft Teams.
76
-
-[Image sharing\*](../../../tutorials/inline-image-tutorial-interop-chat.md): A sample that shows how an Azure Communication Service user can receive images sent by the Teams user.
77
-
-[File sharing\*](../../../tutorials/file-sharing-tutorial-interop-chat.md): A sample that shows how an Azure Communication Service user can receive file attachments sent by the Teams user.
76
+
-[Image sharing\*](../../../tutorials/inline-image-tutorial-interop-chat.md): A sample that shows how an Azure Communication Services user can receive images sent by the Teams user.
77
+
-[File sharing\*](../../../tutorials/file-sharing-tutorial-interop-chat.md): A sample that shows how an Azure Communication Services user can receive file attachments sent by the Teams user.
78
78
79
79
## Customization
80
80
@@ -100,9 +100,9 @@ The following table compares composites and UI components for observability use
\*The current version of Chrome and the two preceding releases are supported.
130
+
\*The current version of Chrome and the two preceding releases are supported.
131
131
132
-
\*\*Safari version 13.1 and later versions are supported. Outgoing video for Safari macOS isn't yet supported, but it's supported for iOS. Outgoing screen sharing is supported only on desktop iOS.
132
+
\*\*Safari version 13.1 and later versions are supported. Outgoing video for Safari macOS isn't yet supported, but it's supported for iOS. Outgoing screen sharing is supported only on desktop iOS.
Copy file name to clipboardExpand all lines: articles/communication-services/tutorials/inline-image-tutorial-interop-chat.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,12 +13,12 @@ ms.subservice: chat
13
13
14
14
# Enable inline image by using UI Library in Teams Interoperability Chat
15
15
16
-
With Teams Interoperability Chat ("Interop Chat"), you can enable Azure Communication Service users to receive inline images sent by Teams users. When a rich text editor is enabled, Azure Communication Service users can send inline images to Teams users. To learn more, see [UI Library use cases](../concepts/ui-library/ui-library-use-cases.md).
16
+
With Teams Interoperability Chat ("Interop Chat"), you can enable Azure Communication Services users to receive inline images sent by Teams users. When a rich text editor is enabled, Azure Communication Services users can send inline images to Teams users. To learn more, see [UI Library use cases](../concepts/ui-library/ui-library-use-cases.md).
17
17
18
-
The receiving inline image feature comes with the `CallWithChat` composite without extra setup. To enable the sending inline images feature, set `richTextEditor` to `true` under `CallWithChatCompositeOptions`.
18
+
The feature in Azure Communication Services for receiving inline images comes with the `CallWithChat` composite without extra setup. To enable the feature in Azure Communication Services for sending inline images, set `richTextEditor` to `true` under `CallWithChatCompositeOptions`.
19
19
20
20
> [!IMPORTANT]
21
-
> The sending inline image feature of Azure Communication Services is currently in preview.
21
+
> The feature in Azure Communication Services for sending inline images is currently in preview.
22
22
>
23
23
> Preview APIs and SDKs are provided without a service-level agreement. We recommend that you don't use them for production workloads. Some features might not be supported, or they might have constrained capabilities.
24
24
>
@@ -34,15 +34,15 @@ Access the code for this tutorial on [GitHub](https://github.com/Azure-Samples/c
34
34
-[Visual Studio Code](https://code.visualstudio.com/) on one of the [supported platforms](https://code.visualstudio.com/docs/supporting/requirements#_platforms).
35
35
-[Node.js](https://nodejs.org/), Active Long-Term Support (LTS) and Maintenance LTS versions. Use the `node --version` command to check your version.
36
36
- An active Azure Communication Services resource and connection string. For more information, see [Create an Azure Communication Services resource](../quickstarts/create-communication-resource.md).
37
-
-Use the UI Library version [1.15.0](https://www.npmjs.com/package/@azure/communication-react/v/1.15.0) or the latest for receiving inline images. Use the UI Library version [1.19.0-beta.1](https://www.npmjs.com/package/@azure/communication-react/v/1.19.0-beta.1) or the latest beta version for sending inline images.
38
-
-Have a Teams meeting created and the meeting link ready.
39
-
-Be familiar with how [ChatWithChat composite](https://azure.github.io/communication-ui-library/?path=/docs/composites-call-with-chat-basicexample--basic-example) works.
37
+
- UI Library version [1.15.0](https://www.npmjs.com/package/@azure/communication-react/v/1.15.0) or the latest version for receiving inline images. Use the UI Library version [1.19.0-beta.1](https://www.npmjs.com/package/@azure/communication-react/v/1.19.0-beta.1) or the latest beta version for sending inline images.
38
+
-A Teams meeting created and the meeting link ready.
39
+
-A familiarity with how [ChatWithChat composite](https://azure.github.io/communication-ui-library/?path=/docs/composites-call-with-chat-basicexample--basic-example) works.
40
40
41
41
## Background
42
42
43
-
First of all, Teams Interop Chat must be part of a Teams meeting currently. When the Teams user creates an online meeting, a chat thread is created and associated with the meeting. To enable the Azure Communication Service user to join the chat and start to send or receive messages, a meeting participant (a Teams user) must admit them to the call first. Otherwise, they don't have access to the chat.
43
+
First of all, Teams Interop Chat must be part of a Teams meeting currently. When the Teams user creates an online meeting, a chat thread is created and associated with the meeting. To enable the Azure Communication Services user to join the chat and start to send or receive messages, a meeting participant (a Teams user) must admit them to the call first. Otherwise, they don't have access to the chat.
44
44
45
-
After the Azure Communication Service user is admitted to the call, they can start to chat with other participants on the call. In this tutorial, we're checking out how inline image works in Interop Chat.
45
+
After the Azure Communication Services user is admitted to the call, they can start to chat with other participants on the call. In this tutorial, you learn how the feature for sending and receiving inline images works in Interop Chat.
46
46
47
47
## Overview
48
48
@@ -97,9 +97,9 @@ Select the chat button located at the bottom of the pane to open the chat pane.
97
97
98
98

99
99
100
-

100
+

101
101
102
-
When sending inline images is enabled, you should see something like the following screenshot.
102
+
When the feature for sending inline images is enabled, you should see something like the following screenshot.
103
103
104
104

105
105
@@ -123,5 +123,5 @@ You might also want to:
123
123
-[Create user access tokens](../quickstarts/identity/access-tokens.md)
124
124
-[Learn about client and server architecture](../concepts/client-and-server-architecture.md)
125
125
-[Learn about authentication](../concepts/authentication.md)
126
-
-[Add file sharing with UI Library in Azure Communication Service Chat](./file-sharing-tutorial-acs-chat.md)
126
+
-[Add file sharing with UI Library in Azure Communication Services Chat](./file-sharing-tutorial-acs-chat.md)
127
127
-[Add file sharing with UI Library in Teams Interoperability Chat](./file-sharing-tutorial-interop-chat.md)
0 commit comments