Example of Asure Speech service TTS in React

App.js

// copy to your component to use it

import * as sdk from "microsoft-cognitiveservices-speech-sdk";

function textToSpeech() {
  const speechKey = process.env.SPEECH_KEY;
  const speechRegion = process.env.SPEECH_REGION;

  const speechConfig = sdk.SpeechConfig.fromSubscription(speechKey, speechRegion);
  const audioConfig = sdk.AudioConfig.fromDefaultSpeakerOutput();
  speechConfig.speechSynthesisVoiceName = "en-US-JennyNeural";
  const synthesizer = new sdk.SpeechSynthesizer(speechConfig, audioConfig);

  const text = "Hello, my name is Jenny. What is your name?";

  synthesizer.speakTextAsync(text, (result) => {
    if (result) {
      synthesizer.close();
      return result.audioData;
    }
  }, (error) => {
    console.log(error);
    synthesizer.close();
  });

}