Azure Text To Speech with Javascript

Nuduja Mapa — Thu, 04 Aug 2022 13:17:31 +0000

Prerequisites

Azure subscription - Create one for free
Create a Speech resource in the Azure portal.
Get the resource key and region. After your Speech resource is deployed, select Go to resource to view and manage keys. For more information about Cognitive Services resources, see Get the keys for your resource.

Azure Text To Speech Function in the Azure Portal

The status of the created resource can be checked by navigating to the overview tab

The keys and the endpoints of the resource can be found by navigating to "Keys and Endpoints" under the Resource Management Tab.

That covers the Azure Text to speech configuration in the Azure Portal.

Coding

Create a file named “SpeechSynthesis.js”
Install the Speech SDK for JavaScript by opening the command prompt and running the code.

npm install microsoft-cognitiveservices-speech-sdk

Copy the following code into “SpeechSynthesis.js”



(function() {

“use strict”;

//Configure Azure Cognitive service

var sdk = require(“microsoft-cognitiveservices-speech-sdk”);

var readline = require(“readline”);

var key = “YourSubscriptionKey”;

var region = “YourServiceRegion”;

var audioFile = “YourAudioFile.wav”;

const speechConfig = sdk.SpeechConfig.fromSubscription(key, region);

const audioConfig = sdk.AudioConfig.fromAudioFileOutput(audioFile);

// The language of the voice that speaks.

speechConfig.speechSynthesisVoiceName = “en-US-JennyNeural”;

// Create the speech synthesizer.

var synthesizer = new sdk.SpeechSynthesizer(speechConfig, audioConfig);

var rl = readline.createInterface({

input: process.stdin,

output: process.stdout

});

rl.question(“Enter some text that you want to speak >\n> “, function (text) {

rl.close();

// Start the synthesizer and wait for a result.

synthesizer.speakTextAsync(text,

function (result) {

if (result.reason === sdk.ResultReason.SynthesizingAudioCompleted) {

console.log(“synthesis finished.”);

} else {

console.error(“Speech synthesis canceled, “ + result.errorDetails +

“\nDid you set the speech resource key and region values?”);

}

synthesizer.close();

synthesizer = null;

},

function (err) {

console.trace(“err — “ + err);

synthesizer.close();

synthesizer = null;

});

console.log(“Now synthesizing to: “ + audioFile);

});

}());

Change “YourSubscriptionKey”, “YourServiceRegion” and “YourAudioFile” with the Speech resource key, Speech resource region, and desired output filename respectively.

In order to run your new console application, execute the code;

node SpeechSynthesis.js

Azure Text To Speech with Postman

Nuduja Mapa — Thu, 04 Aug 2022 13:11:54 +0000

Prerequisites

Azure Text To Speech Function in the Azure Portal

The status of the created resource can be checked by navigating to the overview tab

The keys and the endpoints of the resource can be found by navigating to "Keys and Endpoints" under the Resource Management Tab.

That covers the Azure Text to speech configuration in the Azure Portal.

Configuring Postman

Set the Endpoint URL as the Request URL
Set the Request URL Type to Post
In the Header section,

Set the key as "Ocp-Apim-Subscription-Key" and the first key as its value.
Set the key as "Content-type" and its key as "application/ssml+xml"
Set the key as "X-Microsoft-OutputFormat" and its key as the desired type of audio file format and quality.

4.In the Body section, configure it to raw XML and copy the following code,

<speak version='1.0' xml:lang='en-US'><voice xml:lang='en-US' xml:gender='Female'
name='en-US-JennyNeural'>
Hello, I am trying Azure Text To Speech
</voice></speak>

5.Then click on the Send button to send the request.

6.To save the audio file received as the response. Click on "Save Response" and then select "save to file". Select the desired location in the "Select path to save file" dialog box and click on "Save"

Simply add the text you need to be narrated in the given code. The Languages can be changed as provided by Azure Cognitive Services.

Forem: Nuduja Mapa

Azure Text To Speech with Javascript

Prerequisites

Azure Text To Speech Function in the Azure Portal

Coding

Azure Text To Speech with Postman

Prerequisites

Azure Text To Speech Function in the Azure Portal

Configuring Postman