Skip to content

Commit 65a9b0e

Browse files
committed
Freshness pass
1 parent cb64b1e commit 65a9b0e

File tree

2 files changed

+40
-36
lines changed

2 files changed

+40
-36
lines changed

articles/ai-services/immersive-reader/how-to-configure-translation.md

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
---
2-
title: "Configure translation"
2+
title: Configure translation in Immersive Reader
33
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
66
manager: nitinme
77

88
ms.service: azure-ai-immersive-reader
99
ms.topic: how-to
10-
ms.date: 01/06/2022
11-
ms.author: rwaller
10+
ms.date: 02/27/2024
11+
ms.author: sharmas
1212
---
1313

1414
# How to configure Translation
@@ -17,7 +17,7 @@ This article demonstrates how to configure the various options for Translation i
1717

1818
## Configure Translation language
1919

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).
2121

2222
```typescript
2323
const options = {
@@ -31,7 +31,7 @@ ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, YOUR_DATA, options);
3131

3232
## Automatically translate the document on load
3333

34-
Set `autoEnableDocumentTranslation` to `true` to enable automatically translating the entire document when the Immersive Reader loads.
34+
Set `autoEnableDocumentTranslation` to `true` to enable automatic translation of the entire document when the Immersive Reader loads.
3535

3636
```typescript
3737
const options = {
@@ -41,7 +41,7 @@ const options = {
4141
};
4242
```
4343

44-
## Automatically enable word translation
44+
## Enable automatic word translation
4545

4646
Set `autoEnableWordTranslation` to `true` to enable single word translation.
4747

@@ -53,6 +53,7 @@ const options = {
5353
};
5454
```
5555

56-
## Next steps
56+
## Next step
5757

58-
* Explore the [Immersive Reader SDK Reference](./reference.md)
58+
> [!div class="nextstepaction"]
59+
> [Explore the Immersive Reader SDK reference](reference.md)

articles/ai-services/immersive-reader/how-to-multiple-resources.md

Lines changed: 29 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,39 @@
11
---
2-
title: "Integrate multiple Immersive Reader resources"
2+
title: Integrate multiple Immersive Reader resources
33
titleSuffix: Azure AI services
4-
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
66
manager: nitinme
77

88
ms.service: azure-ai-immersive-reader
99
ms.topic: how-to
10-
ms.date: 01/14/2020
11-
ms.author: rwaller
10+
ms.date: 02/27/2024
11+
ms.author: sharmas
1212
ms.custom: devx-track-js
1313
#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.
1414
---
1515

1616
# Integrate multiple Immersive Reader resources
1717

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.
1919

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:
2321

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.
2525
2626
## Prerequisites
2727

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.
2931

30-
## Create the Immersive Reader resources
32+
## Create multiple resources
3133

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.
3335

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`.
3537

3638
```azurepowershell-interactive
3739
Create-ImmersiveReaderResource
@@ -61,9 +63,9 @@ Create-ImmersiveReaderResource
6163

6264
## Add resources to environment configuration
6365

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.
6567

66-
Your new __.env__ file should now look something like the following:
68+
Your new *.env* file should now look something like:
6769

6870
```text
6971
TENANT_ID={YOUR_TENANT_ID}
@@ -73,9 +75,10 @@ SUBDOMAIN_WUS={YOUR_WESTUS_SUBDOMAIN}
7375
SUBDOMAIN_EUS={YOUR_EASTUS_SUBDOMAIN}
7476
```
7577

76-
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.
7780
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.
7982

8083
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.
8184

@@ -140,11 +143,11 @@ router.get('/GetTokenAndSubdomain', function(req, res) {
140143
module.exports = router;
141144
```
142145

143-
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.
144147

145-
## Launch the Immersive Reader with sample content
148+
## Add sample content
146149

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.
148151

149152
```pug
150153
doctype html
@@ -249,15 +252,15 @@ The **getimmersivereaderlaunchparams** API endpoint should be secured behind som
249252
}
250253
```
251254
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:
253256
254257
```bash
255258
npm start
256259
```
257260
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.
259262
260-
## Next steps
263+
## Next step
261264
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

Comments
 (0)