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
You can get a [complete sample project](https://github.com/Azure-Samples/communication-services-calling-ui-with-chat-android) from GitHub.
19
19
20
-
## Create an Android project
20
+
## Set up the project
21
21
22
22
In Android Studio, create a new project:
23
23
@@ -78,12 +78,11 @@ You need two Maven repositories to integrate the library:
78
78
}
79
79
```
80
80
81
-
## Connect to the Teams Meeting with calling and chat
81
+
## Connect to the Teams meeting with calling and chat
82
82
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.
87
86
88
87
## Add a button and chat container view to Activity_main.xml
89
88
@@ -128,7 +127,7 @@ In the *app/src/main/res/layout/activity_main.xml* layout file, add the followin
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).
134
133
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
139
138
To initialize the call composite, go to `MainActivity` and update connection settings:
140
139
141
140
- 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.
143
142
- 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.
145
144
- Replace `USER_ACCESS_TOKEN` with your token.
146
145
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
148
147
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.
150
149
151
150
With the Graph APIs, you can also obtain the `threadID` value. The response has a `chatInfo` object that contains the `threadID` value.
152
151
@@ -228,7 +227,7 @@ class MainActivity : AppCompatActivity() {
- 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.
13
13
- A deployed [Azure Communication Services resource](../../../create-communication-resource.md).
14
14
- An Azure Communication Services [access token](../../../identity/quick-create-identity.md).
15
15
16
16
## Get a complete sample
17
17
18
18
You can get a [complete sample project](https://github.com/Azure-Samples/communication-services-calling-ui-with-chat-ios) from GitHub.
19
19
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
21
25
22
26
In Xcode, create a new project:
23
27
@@ -31,9 +35,9 @@ In Xcode, create a new project:
31
35
32
36
:::image type="content" source="../../media/xcode-new-project-details.png" alt-text="Screenshot that shows setting new project options in Xcode.":::
33
37
34
-
## Install the package and dependencies
38
+
###Install the package and dependencies
35
39
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.
37
41
38
42
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.
39
43
@@ -51,13 +55,13 @@ In Xcode, create a new project:
51
55
52
56
1. Run`pod install --repo-update`.
53
57
54
-
1. InXcode, open the generated.xcworkspace* file.
58
+
1. InXcode, open the *generated.xcworkspace* file.
55
59
56
-
## Request access to device hardware
60
+
### Request access to device hardware
57
61
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.
59
63
60
-
1. Right-click the `Info.plist` entry of the project tree and select **Open As** > **Source Code**. Add the following lines to the toplevel `<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.
61
65
62
66
```xml
63
67
<key>NSCameraUsageDescription</key>
@@ -68,39 +72,39 @@ To access the device's hardware, including the microphone, and camera, update yo
68
72
69
73
Here's an example of the `Info.plist` source code in an Xcodefile:
70
74
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.":::
72
76
73
77
1. To verify that device permission requests are added correctly, select**OpenAs**>**PropertyList**. Check that the information property list looks similar to the following example:
74
78
75
79
:::image type="content" source="../../media/xcode-info-plist.png" alt-text="Screenshot that shows the camera and microphone device privacy in Xcode.":::
76
80
77
-
## Turn off Bitcode
81
+
### Turn off Bitcode
78
82
79
83
In the Xcode project, under **BuildSettings**, set the **EnableBitcode** option to **No**. To find the setting, change the filter from **Basic** to **All**or use the search bar.
80
84
81
85
:::image type="content" source="../../media/xcode-bitcode-option.png" alt-text="Screenshot that shows the Build Settings option to turn off Bitcode.":::
82
86
83
-
## Download a Chat icon
87
+
### Download a Chat icon
84
88
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
-
-Inthe 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.Openthe downloaded file and change `fill` to `fill="#FFFFFF"`.
91
+
1.InXcode, go to **Assets**. Create a new image set and name it **ic_fluent_chat_24_regular**. Selectthe downloaded file as the universal icon.
88
92
89
93
## Initialize the composite
90
94
91
95
Toinitialize the composite, go to `ViewController`and update connection settings:
92
96
93
97
-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 AzureCommunicationServices resource's endpoint.
95
99
- 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.
97
101
- Replace `USER_ACCESS_TOKEN` with your token.
98
102
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
100
104
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.
102
106
103
-
With the GraphAPIs, you can also obtain the threadID. The response has a chatInfo object that contains the threadID.
107
+
With the GraphAPIs, you can also obtain the `threadID` value. The response has a `chatInfo` object that contains the `threadID` value.
0 commit comments