Skip to content

Commit df396b3

Browse files
authored
Update meeting-interop-features-inline-image-javascript.md
1 parent e847079 commit df396b3

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

articles/communication-services/tutorials/chat-interop/includes/meeting-interop-features-inline-image-javascript.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,17 @@ ms.topic: include
77
ms.service: azure-communication-services
88
---
99

10-
In this tutorial, you will learn how to enable inline image support using the Azure Communication Services Chat SDK for JavaScript.
10+
In this tutorial, you'll learn how to enable inline image support using the Azure Communication Services Chat SDK for JavaScript.
1111

1212
## Sample Code
1313
Find the finalized code of this tutorial on [GitHub](https://github.com/Azure-Samples/communication-services-javascript-quickstarts/tree/main/join-chat-to-teams-meeting).
1414

1515
## Prerequisites
1616

1717
* You've gone through the quickstart - [Join your chat app to a Teams meeting](../../../quickstarts/chat/meeting-interop.md).
18-
* Create 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 connection string** for this tutorial.
18+
* Create an Azure Communication Services resource. For details, see [Create an Azure Communication Services resource](../../../quickstarts/create-communication-resource.md). You need to **record your connection string** for this tutorial.
1919
* You've set up a Teams meeting using your business account and have the meeting URL ready.
20-
* You're using the Chat SDK for JavaScript (@azure/communication-chat) 1.3.2-beta.1 or latest, see [here](https://www.npmjs.com/package/@azure/communication-chat).
20+
* You're using the Chat SDK for JavaScript (@azure/communication-chat) 1.3.2-beta.1 or latest. See [here](https://www.npmjs.com/package/@azure/communication-chat).
2121

2222
## Goal
2323

@@ -51,7 +51,7 @@ async function renderReceivedMessage(message) {
5151
messagesContainer.innerHTML = messages;
5252
}
5353
```
54-
From incoming event of type `ChatMessageReceivedEvent`, there's a property named `attachments`, which contains information about inline image, and it is all we need to render inline images in our UI:
54+
From incoming event of type `ChatMessageReceivedEvent`, there's a property named `attachments`, which contains information about inline image, and it's all we need to render inline images in our UI:
5555

5656
```js
5757
export interface ChatMessageReceivedEvent extends BaseChatMessageEvent {
@@ -258,7 +258,7 @@ with some CSS:
258258
}
259259
```
260260

261-
Now we have an overlay set up, it's time to work on the logic to render full scale images. Recall that we have created a `onlick` event handler to call a function `fetchFullScaleImage`:
261+
Now we have an overlay set up, it's time to work on the logic to render full scale images. Recall that we've created an `onClick` event handler to call a function `fetchFullScaleImage`:
262262

263263
```js
264264

@@ -312,7 +312,7 @@ npx webpack-dev-server --entry ./client.js --output bundle.js --debug --devtool
312312
## Demo
313313
Open your browser and navigate to http://localhost:8080/. Enter the meeting URL and the thread ID. Send some inline images from Teams client like this:
314314

315-
:::image type="content" source="../../media/meeting-interop-features-inline-3.png" alt-text="A screenshot of Teams client shown a sent message that reads Here are some ideas, let me know what you think! and two inline images of room interior mockups":::
315+
:::image type="content" source="../../media/meeting-interop-features-inline-3.png" alt-text="A screenshot of Teams client shown a sent message reads: Here are some ideas, let me know what you think! The message aslo contains two inline images of room interior mockups":::
316316

317317
Then you should see the new message being rendered along with preview images:
318318

0 commit comments

Comments
 (0)