Skip to content

Commit e727e79

Browse files
committed
edit pass: get-started-calling-with-chat
1 parent 448e861 commit e727e79

File tree

2 files changed

+35
-32
lines changed
  • articles/communication-services/quickstarts/ui-library/includes/get-started-calling-with-chat

2 files changed

+35
-32
lines changed

articles/communication-services/quickstarts/ui-library/includes/get-started-calling-with-chat/android.md

Lines changed: 12 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ ms.service: azure-communication-services
1717

1818
You can get a [complete sample project](https://github.com/Azure-Samples/communication-services-calling-ui-with-chat-android) from GitHub.
1919

20-
## Create an Android project
20+
## Set up the project
2121

2222
In Android Studio, create a new project:
2323

@@ -78,12 +78,11 @@ You need two Maven repositories to integrate the library:
7878
}
7979
```
8080
81-
## Connect to the Teams Meeting with calling and chat
81+
## Connect to the Teams meeting with calling and chat
8282
83-
- First we will use CallComposite to connect to the call
84-
- Once user is admitted to the call, CallComposite will notify us by changing status to `connected`
85-
- Then user can be connected to the chat thread
86-
- When the user clicks **Chat** button, a custom button is added to `CallComposite`. `CallComposite` is minimized, and Chat is displayed.
83+
You use `CallComposite` to connect to the call. After a user is admitted to the call, `CallComposite` notifies you by changing the status to `connected`. Then the user can be connected to the chat thread.
84+
85+
When the user selects the **Chat** button, a custom button is added to `CallComposite`. `CallComposite` is minimized, and **Chat** appears in Teams.
8786
8887
## Add a button and chat container view to Activity_main.xml
8988
@@ -128,7 +127,7 @@ In the *app/src/main/res/layout/activity_main.xml* layout file, add the followin
128127
</androidx.constraintlayout.widget.ConstraintLayout>
129128
```
130129

131-
## Get a Chat icon
130+
## Download a Chat icon
132131

133132
1. Download an icon from the [GitHub repository](https://github.com/microsoft/fluentui-system-icons/blob/master/android/library/src/main/res/drawable/ic_fluent_chat_24_regular.xml).
134133
1. Save the icon to *UILibraryQuickStart/app/src/main/res/drawable*.
@@ -139,14 +138,14 @@ In the *app/src/main/res/layout/activity_main.xml* layout file, add the followin
139138
To initialize the call composite, go to `MainActivity` and update connection settings:
140139

141140
- Replace `TEAM_MEETING_LINK` with the Teams meeting link.
142-
- Replace `ACS_ENDPOINT` with your Communication Services resource's endpoint.
141+
- Replace `ACS_ENDPOINT` with your Azure Communication Services resource's endpoint.
143142
- Replace `DISPLAY_NAME` with your name.
144-
- Replace `USER_ID` with your Communication Services user ID.
143+
- Replace `USER_ID` with your Azure Communication Services user ID.
145144
- Replace `USER_ACCESS_TOKEN` with your token.
146145

147-
### Get a Teams meeting chat thread for a Communication Services user
146+
### Get a Teams meeting chat thread for an Azure Communication Services user
148147

149-
You can retrieve Teams meeting details by using Graph APIs, as described in the [Graph documentation](/graph/api/onlinemeeting-createorget). The Communication Services Calling SDK accepts a full Teams meeting link or a meeting ID. They're returned as part of the `onlineMeeting` resource, which is accessible under the [joinWebUrl](/graph/api/resources/onlineMeeting) property.
148+
You can retrieve Teams meeting details by using Graph APIs, as described in the [Graph documentation](/graph/api/onlinemeeting-createorget). The Azure Communication Services Calling SDK accepts a full Teams meeting link or a meeting ID. They're returned as part of the `onlineMeeting` resource, which is accessible under the [joinWebUrl](/graph/api/resources/onlineMeeting) property.
150149

151150
With the Graph APIs, you can also obtain the `threadID` value. The response has a `chatInfo` object that contains the `threadID` value.
152151

@@ -228,7 +227,7 @@ class MainActivity : AppCompatActivity() {
228227
.build()
229228

230229
callComposite.addOnCallStateChangedEventHandler { callState ->
231-
// When a user is admitted to the the Teams meeting, the call state becomes connected.
230+
// When a user is admitted to the Teams meeting, the call state becomes connected.
232231
// Only users admitted to the meeting can connect to the meeting's chat thread.
233232
if (callState.code == CallCompositeCallStateCode.CONNECTED) {
234233
connectChat()
@@ -361,7 +360,7 @@ public class MainActivity extends AppCompatActivity {
361360
.build();
362361

363362
callComposite.addOnCallStateChangedEventHandler(callState -> {
364-
// When a user is admitted to the the Teams meeting, the call state becomes connected.
363+
// When a user is admitted to the Teams meeting, the call state becomes connected.
365364
// Only users admitted to the meeting can connect to the meeting's chat thread.
366365
if (callState.getCode() == CallCompositeCallStateCode.CONNECTED) {
367366
connectChat();

articles/communication-services/quickstarts/ui-library/includes/get-started-calling-with-chat/ios.md

Lines changed: 23 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,19 @@ ms.service: azure-communication-services
99
## Prerequisites
1010

1111
- An Azure account and an active Azure subscription. [Create an account for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F).
12-
- A Mac running [Xcode](https://go.microsoft.com/fwLink/p/?LinkID=266532) 13 or later and a valid developer certificate installed in your keychain. [CocoaPods](https://cocoapods.org/) must also be installed to fetch dependencies.
12+
- A Mac running [Xcode](https://go.microsoft.com/fwLink/p/?LinkID=266532) 13 or later, and a valid developer certificate installed in your keychain. [CocoaPods](https://cocoapods.org/) must also be installed to fetch dependencies.
1313
- A deployed [Azure Communication Services resource](../../../create-communication-resource.md).
1414
- An Azure Communication Services [access token](../../../identity/quick-create-identity.md).
1515

1616
## Get a complete sample
1717

1818
You can get a [complete sample project](https://github.com/Azure-Samples/communication-services-calling-ui-with-chat-ios) from GitHub.
1919

20-
## Create a new Xcode project
20+
## Set up the project
21+
22+
Complete the following sections to set up the quickstart project.
23+
24+
### Create a new Xcode project
2125

2226
In Xcode, create a new project:
2327

@@ -31,9 +35,9 @@ In Xcode, create a new project:
3135

3236
:::image type="content" source="../../media/xcode-new-project-details.png" alt-text="Screenshot that shows setting new project options in Xcode.":::
3337

34-
## Install the package and dependencies
38+
### Install the package and dependencies
3539

36-
1. (Optional) For MacBook with M1, install, and enable [Rosetta](https://support.apple.com/HT211861) in Xcode.
40+
1. (Optional) For MacBook with M1, install and enable [Rosetta](https://support.apple.com/HT211861) in Xcode.
3741

3842
1. In your project root directory, run `pod init` to create a Podfile. If you encounter an error, update [CocoaPods](https://guides.cocoapods.org/using/getting-started.html) to the current version.
3943

@@ -51,13 +55,13 @@ In Xcode, create a new project:
5155

5256
1. Run `pod install --repo-update`.
5357

54-
1. In Xcode, open the generated.xcworkspace* file.
58+
1. In Xcode, open the *generated.xcworkspace* file.
5559

56-
## Request access to device hardware
60+
### Request access to device hardware
5761

58-
To access the device's hardware, including the microphone, and camera, update your app's information property list. Set the associated value to a string that's included in the dialog the system uses to request access from the user.
62+
To access the device's hardware, including the microphone and camera, update your app's information property list. Set the associated value to a string that's included in the dialog that the system uses to request access from the user.
5963
60-
1. Right-click the `Info.plist` entry of the project tree and select **Open As** > **Source Code**. Add the following lines to the top level `<dict>` section, and then save the file.
64+
1. Right-click the `Info.plist` entry of the project tree and select **Open As** > **Source Code**. Add the following lines to the top-level `<dict>` section, and then save the file.
6165
6266
```xml
6367
<key>NSCameraUsageDescription</key>
@@ -68,39 +72,39 @@ To access the device's hardware, including the microphone, and camera, update yo
6872
6973
Here's an example of the `Info.plist` source code in an Xcode file:
7074

71-
:::image type="content" source="../../media/xcode-info-plist-source-code.png" alt-text="Screenshot that shows an example of the info plist source code in an Xcode file.":::
75+
:::image type="content" source="../../media/xcode-info-plist-source-code.png" alt-text="Screenshot that shows example source code for the information property list in an Xcode file.":::
7276

7377
1. To verify that device permission requests are added correctly, select **Open As** > **Property List**. Check that the information property list looks similar to the following example:
7478

7579
:::image type="content" source="../../media/xcode-info-plist.png" alt-text="Screenshot that shows the camera and microphone device privacy in Xcode.":::
7680

77-
## Turn off Bitcode
81+
### Turn off Bitcode
7882

7983
In the Xcode project, under **Build Settings**, set the **Enable Bitcode** option to **No**. To find the setting, change the filter from **Basic** to **All** or use the search bar.
8084

8185
:::image type="content" source="../../media/xcode-bitcode-option.png" alt-text="Screenshot that shows the Build Settings option to turn off Bitcode.":::
8286

83-
## Download a Chat icon
87+
### Download a Chat icon
8488

85-
- Download an icon from [here](https://github.com/microsoft/fluentui-system-icons/blob/master/assets/Chat/SVG/ic_fluent_chat_24_regular.svg).
86-
- Open downloaded file and change `fill` to the `fill="#FFFFFF"`.
87-
- In the Xcode go to Assets. Create a new image set and name it ic_fluent_chat_24_regular. Select downloaded file as universal icon.
89+
1. Download an icon from the [GitHub repository](https://github.com/microsoft/fluentui-system-icons/blob/master/assets/Chat/SVG/ic_fluent_chat_24_regular.svg).
90+
1. Open the downloaded file and change `fill` to `fill="#FFFFFF"`.
91+
1. In Xcode, go to **Assets**. Create a new image set and name it **ic_fluent_chat_24_regular**. Select the downloaded file as the universal icon.
8892

8993
## Initialize the composite
9094

9195
To initialize the composite, go to `ViewController` and update connection settings:
9296

9397
- Replace `TEAM_MEETING_LINK` with the Teams meeting link.
94-
- Replace `ACS_ENDPOINT` with your ACS resource's endpoint.
98+
- Replace `ACS_ENDPOINT` with your Azure Communication Services resource's endpoint.
9599
- Replace `DISPLAY_NAME` with your name.
96-
- Replace `USER_ID` with ACS user ID.
100+
- Replace `USER_ID` with your Azure Communication Services user ID.
97101
- Replace `USER_ACCESS_TOKEN` with your token.
98102
99-
### Get a Teams meeting chat thread for a Communication Services user
103+
### Get a Teams meeting chat thread for an Azure Communication Services user
100104
101-
The Teams meeting details can be retrieved using Graph APIs, detailed in [Graph documentation](/graph/api/onlinemeeting-createorget). The Communication Services Calling SDK accepts a full Teams meeting link or a meeting ID. They're returned as part of the `onlineMeeting` resource, accessible under the [joinWebUrl](/graph/api/resources/onlinemeeting) property
105+
You can retrieve Teams meeting details by using Graph APIs, as described in the [Graph documentation](/graph/api/onlinemeeting-createorget). The Azure Communication Services Calling SDK accepts a full Teams meeting link or a meeting ID. They're returned as part of the `onlineMeeting` resource, which is accessible under the [joinWebUrl](/graph/api/resources/onlineMeeting) property.
102106

103-
With the Graph APIs, you can also obtain the threadID. The response has a chatInfo object that contains the threadID.
107+
With the Graph APIs, you can also obtain the `threadID` value. The response has a `chatInfo` object that contains the `threadID` value.
104108

105109
```swift
106110
import UIKit

0 commit comments

Comments
 (0)