Skip to content

Commit ff082f5

Browse files
fix nits
1 parent 5dd4e42 commit ff082f5

File tree

2 files changed

+10
-5
lines changed

2 files changed

+10
-5
lines changed

articles/communication-services/tutorials/calling-widget/calling-widget-js-tutorial.md

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Get started with Azure Communication Services UI library JavaScript bundles calling to Teams Call Queue and Auto Attendant
2+
title: Using ACS UI library JavaScript bundles with Teams Call Queues and Auto Attendants
33
titleSuffix: An Azure Communication Services tutorial
44
description: Learn how to create a Calling experience with the Azure Communication Services CallComposite JavaScript bundle to facilitate calling a Teams Call Queue or Auto Attendant.
55
author: dmceachern
@@ -156,7 +156,9 @@ Next you want to open `index.html` in VS Code and add the following snippet.
156156
</script>
157157
</body>
158158
```
159-
It's important here to note that this file `index.html` and the JavaScript bundle `outboundCallComposite.js` **need** to be in the same folder if you wish to not edit any of the importing in this file.
159+
160+
[!IMPORTANT]
161+
It's important here to note that this file `index.html` and the JavaScript bundle `outboundCallComposite.js` need to be in the same folder if you wish to not edit any of the importing in this file.
160162

161163
#### 3. Setting up Azure Communication Services and your Teams Voice Application
162164

@@ -192,9 +194,12 @@ Open a terminal or command prompt window in that directory and run the followin
192194
```bash
193195
npx http-server@latest -p 3000
194196
```
195-
This script using Node starts an HTTP server and hosts the `index.html` file and JavaScript bundle. In a browser open http://localhost:3000. You should see a white page with a button, and when you click it you should see the following screen. **Note**, if you try to go to the page not using local host, your calling experience won't work due to security reasons.
197+
This script using Node starts an HTTP server and hosts the `index.html` file and JavaScript bundle. In a browser open http://localhost:3000. You should see a white page with a button, and when you click it you should see the following screen.
198+
199+
[!IMPORTANT]
200+
Note, if you try to go to the page not using local host, your calling experience won't work due to security reasons.
196201

197-
![Home page of js bundle sample app](../media/calling-widget/js-bundle-splash.png)
202+
![Screenshot of js bundle sample app homescreen](../media/calling-widget/js-bundle-splash.png)
198203

199204
Click the `start call` button seen in the [UI Library `CallComposite`](https://azure.github.io/communication-ui-library/?path=/docs/composites-call-basicexample--basic-example) to initiate a call to your Teams voice app.
200205

articles/communication-services/tutorials/calling-widget/calling-widget-overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ If you want to try out the experience without following either of the tutorials,
3333
A complete start to finish tutorial built using [React](https://react.dev/) that teaches you to create a Calling widget using [Fluent UI](https://developer.microsoft.com/en-us/fluentui#/) and the UI Library.
3434
- [Get started with Azure Communication Services UI library calling to Teams Call Queue and Auto Attendant](./calling-widget-tutorial.md)
3535

36-
![Home page of Calling Widget sample app](../media/calling-widget/sample-app-splash-widget-open.png)
36+
![Screenshot of Calling Widget sample app home page](../media/calling-widget/sample-app-splash-widget-open.png)
3737

3838
#### Build it - Crossplatform: JavaScript
3939

0 commit comments

Comments
 (0)