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
Copy file name to clipboardExpand all lines: articles/ai-services/immersive-reader/how-to-configure-translation.md
+11-10Lines changed: 11 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,14 @@
1
1
---
2
-
title: "Configure translation"
2
+
title: Configure translation in Immersive Reader
3
3
titleSuffix: Azure AI services
4
-
description: This article will show you how to configure the various options for translation.
5
-
author: rwallerms
4
+
description: Learn how to configure the various Immersive Reader options for translation.
5
+
author: sharmas
6
6
manager: nitinme
7
7
8
8
ms.service: azure-ai-immersive-reader
9
9
ms.topic: how-to
10
-
ms.date: 01/06/2022
11
-
ms.author: rwaller
10
+
ms.date: 02/27/2024
11
+
ms.author: sharmas
12
12
---
13
13
14
14
# How to configure Translation
@@ -17,7 +17,7 @@ This article demonstrates how to configure the various options for Translation i
17
17
18
18
## Configure Translation language
19
19
20
-
The `options` parameter contains all of the flags that can be used to configure Translation. Set the `language` parameter to the language you wish to translate to. See the [Language Support](./language-support.md) for the full list of supported languages.
20
+
The `options` parameter contains all of the flags that can be used to configure Translation. Set the `language` parameter to the language you wish to translate to. For the full list of supported languages, see [Language support](language-support.md).
description: In this tutorial, you'll create a Node.js application that launches the Immersive Reader using multiple Immersive Reader resources.
5
-
author: rwallerms
4
+
description: Learn how to create a Node.js application using multiple Immersive Reader resources.
5
+
author: sharmas
6
6
manager: nitinme
7
7
8
8
ms.service: azure-ai-immersive-reader
9
9
ms.topic: how-to
10
-
ms.date: 01/14/2020
11
-
ms.author: rwaller
10
+
ms.date: 02/27/2024
11
+
ms.author: sharmas
12
12
ms.custom: devx-track-js
13
13
#Customer intent: As a developer, I want to learn more about the Immersive Reader SDK so that I can fully utilize all that the SDK has to offer.
14
14
---
15
15
16
16
# Integrate multiple Immersive Reader resources
17
17
18
-
In the [overview](./overview.md), you learned about what the Immersive Reader is and how it implements proven techniques to improve reading comprehension for language learners, emerging readers, and students with learning differences. In the [quickstart](./quickstarts/client-libraries.md), you learned how to use Immersive Reader with a single resource. This tutorial covers how to integrate multiple Immersive Reader resources in the same application. In this tutorial, you learn how to:
18
+
In the [overview](overview.md), you learned about the Immersive Reader and how it implements proven techniques to improve reading comprehension for language learners, emerging readers, and students with learning differences. In the [quickstart](quickstarts/client-libraries.md), you learned how to use Immersive Reader with a single resource. This tutorial covers how to integrate multiple Immersive Reader resources in the same application.
19
19
20
-
> [!div class="checklist"]
21
-
> * Create multiple Immersive Reader resource under an existing resource group
22
-
> * Launch the Immersive Reader using multiple resources
20
+
In this tutorial, you learn how to:
23
21
24
-
If you don't have an Azure subscription, create a [free account](https://azure.microsoft.com/free/cognitive-services/) before you begin.
22
+
> [!div class="checklist"]
23
+
> * Create multiple Immersive Reader resource under an existing resource group.
24
+
> * Launch the Immersive Reader using multiple resources.
25
25
26
26
## Prerequisites
27
27
28
-
* Follow the [quickstart](./quickstarts/client-libraries.md?pivots=programming-language-nodejs) to create a web app that launches the Immersive Reader with NodeJS. In that quickstart, you configure a single Immersive Reader resource. We will build on top of that in this tutorial.
28
+
* An Azure subscription. If you don't have one, create a [free account](https://azure.microsoft.com/free/ai-services).
29
+
* A single Immersive Reader resource configured for Microsoft Entra authentication. Follow [these instructions](how-to-create-immersive-reader.md) to get set up.
30
+
* Follow the [quickstart](quickstarts/client-libraries.md?pivots=programming-language-nodejs) to create a web app that launches the Immersive Reader with NodeJS.
29
31
30
-
## Create the Immersive Reader resources
32
+
## Create multiple resources
31
33
32
-
Follow [these instructions](./how-to-create-immersive-reader.md) to create each Immersive Reader resource. The **Create-ImmersiveReaderResource** script has `ResourceName`, `ResourceSubdomain`, and `ResourceLocation` as parameters. These should be unique for each resource being created. The remaining parameters should be the same as what you used when setting up your first Immersive Reader resource. This way, each resource can be linked to the same Azure resource group and Microsoft Entra application.
34
+
Follow [these instructions](how-to-create-immersive-reader.md)again to create each Immersive Reader resource. The `Create-ImmersiveReaderResource` script has `ResourceName`, `ResourceSubdomain`, and `ResourceLocation` as parameters. These parameters should be unique for each resource being created. The remaining parameters should be the same as what you used when setting up your first Immersive Reader resource. This way, each resource can be linked to the same Azure resource group and Microsoft Entra application.
33
35
34
-
The example below shows how to create two resources, one in WestUS, and another in EastUS. Notice the unique values for `ResourceName`, `ResourceSubdomain`, and `ResourceLocation`.
36
+
The following example shows how to create two resources, one in **WestUS**, and another in **EastUS**. Notice the unique values for `ResourceName`, `ResourceSubdomain`, and `ResourceLocation`.
35
37
36
38
```azurepowershell-interactive
37
39
Create-ImmersiveReaderResource
@@ -61,9 +63,9 @@ Create-ImmersiveReaderResource
61
63
62
64
## Add resources to environment configuration
63
65
64
-
In the quickstart, you created an environment configuration file that contains the `TenantId`, `ClientId`, `ClientSecret`, and `Subdomain` parameters. Since all of your resources use the same Microsoft Entra application, we can use the same values for the `TenantId`, `ClientId`, and `ClientSecret`. The only change that needs to be made is to list each subdomain for each resource.
66
+
In the quickstart, you created an environment configuration file that contains the `TenantId`, `ClientId`, `ClientSecret`, and `Subdomain` parameters. Since all of your resources use the same Microsoft Entra application, you can use the same values for the `TenantId`, `ClientId`, and `ClientSecret`. The only change that needs to be made is to list each subdomain for each resource.
65
67
66
-
Your new __.env__ file should now look something like the following:
68
+
Your new *.env* file should now look something like:
Be sure not to commit this file into source control, as it contains secrets that should not be made public.
78
+
> [!NOTE]
79
+
> Be sure not to commit this file into source control because it contains secrets that shouldn't be made public.
77
80
78
-
Next, we're going to modify the _routes\index.js_ file that we created to support our multiple resources. Replace its content with the following code.
81
+
Next, modify the *routes\index.js* file that you created to support your multiple resources. Replace its content with the following code.
79
82
80
83
As before, this code creates an API endpoint that acquires a Microsoft Entra authentication token using your service principal password. This time, it allows the user to specify a resource location and pass it in as a query parameter. It then returns an object containing the token and the corresponding subdomain.
The **getimmersivereaderlaunchparams** API endpoint should be secured behind some form of authentication (for example, [OAuth](https://oauth.net/2/)) to prevent unauthorized users from obtaining tokens to use against your Immersive Reader service and billing; that work is beyond the scope of this tutorial.
146
+
The `getimmersivereaderlaunchparams` API endpoint should be secured behind some form of authentication (for example, [OAuth](https://oauth.net/2/)) to prevent unauthorized users from obtaining tokens to use against your Immersive Reader service and billing; that work is beyond the scope of this tutorial.
144
147
145
-
## Launch the Immersive Reader with sample content
148
+
## Add sample content
146
149
147
-
1. Open _views\index.pug_, and replace its content with the following code. This code populates the page with some sample content, and adds two buttons that launches the Immersive Reader. One for launching Immersive Reader for the EastUS resource, and another for the WestUS resource.
150
+
1. Open *views\index.pug*, and replace its content with the following code. This code populates the page with some sample content, and adds two buttons that launch the Immersive Reader. One that launches Immersive Reader for the EastUS resource, and another for the WestUS resource.
148
151
149
152
```pug
150
153
doctype html
@@ -249,15 +252,15 @@ The **getimmersivereaderlaunchparams** API endpoint should be secured behind som
249
252
}
250
253
```
251
254
252
-
3. Our web app is now ready. Start the app by running:
255
+
1. Your web app is now ready. Start the app by running:
253
256
254
257
```bash
255
258
npm start
256
259
```
257
260
258
-
4. Open your browser and navigate to `http://localhost:3000`. You should see the above content on the page. Select either the **EastUS Immersive Reader** button or the **WestUS Immersive Reader** button to launch the Immersive Reader using those respective resources.
261
+
1. Open your browser and navigate to `http://localhost:3000`. You should see the above content on the page. Select either the **EastUS Immersive Reader** button or the **WestUS Immersive Reader** button to launch the Immersive Reader using those respective resources.
259
262
260
-
## Next steps
263
+
## Next step
261
264
262
-
* Explore the [Immersive Reader SDK](https://github.com/microsoft/immersive-reader-sdk) and the [Immersive Reader SDK Reference](./reference.md)
263
-
* View code samples on [GitHub](https://github.com/microsoft/immersive-reader-sdk/tree/master/js/samples/advanced-csharp)
265
+
> [!div class="nextstepaction"]
266
+
> [Explore the Immersive Reader SDK](https://github.com/microsoft/immersive-reader-sdk)
0 commit comments