Create a solution that uses Azure Immersive Reader, part of Azure Applied AI Services

Azure Immersive Reader is a powerful service offered as part of Azure Applied AI Services that allows you to build inclusive and accessible applications. With Immersive Reader, you can enhance your applications by adding functionalities such as text-to-speech, language translation, and more, making it easier for users to read and comprehend text.

Creating a Solution with Azure Immersive Reader

To create a solution using Azure Immersive Reader, you can follow these steps:

1. Create an Azure Resource: Start by creating an Azure resource for Immersive Reader. You can do this by navigating to the Azure portal, selecting “Create a resource,” and searching for “Immersive Reader” in the marketplace. Follow the prompts to set up the resource.
2. Obtain the API Key: Once your resource is created, obtain an API key that you will use to authenticate your applications with Immersive Reader.
3. Integrate Immersive Reader into your application: To use Immersive Reader, you need to add the Immersive Reader SDK to your application. The SDK provides JavaScript functions that allow you to add Immersive Reader features to your web page.

Implementing Immersive Reader in HTML

a. Include the Immersive Reader JavaScript library in your HTML code:

b. Add a button or any other element to your web page, which when clicked will trigger the Immersive Reader:

Open Immersive Reader

c. Implement the launchImmersiveReader function in JavaScript to open the Immersive Reader pane:

In the above code, replace with your Immersive Reader API client ID, with the language of the text you want to read, and with the text you want to display in the Immersive Reader.

Customizing Immersive Reader Options

You can customize the appearance and behavior of the Immersive Reader pane by specifying additional options in the launchReader function. For example, you can enable text-to-speech, adjust the font size, and enable language translation. Refer to the Azure Immersive Reader documentation for a complete list of customization options.

With these steps, you have successfully integrated Azure Immersive Reader into your application. Users can now click the specified button to open the Immersive Reader pane, where they can leverage features such as text-to-speech and translation to enhance their reading experience.

Remember to handle any necessary error checking and validation in your application code to ensure a smooth user experience. Additionally, consult the Azure Immersive Reader documentation for advanced functionalities and best practices.

Start building inclusive and accessible applications with Azure Immersive Reader today, and provide a more engaging experience to your users.