importaxiosfrom'axios';// Define a function called textToSpeech that takes in a string called inputText as its argument.consttextToSpeech=async(inputText)=>{// Set the API key for ElevenLabs API.// Do not use directly. Use environment variables.constAPI_KEY=ELEVEN_LABS_API_KEY;// Set the ID of the voice to be used.constVOICE_ID='21m00Tcm4TlvDq8ikWAM';// Set options for the API request.constoptions={method:'POST',url:`https://api.elevenlabs.io/v1/text-to-speech/${VOICE_ID}`,headers:{accept:'audio/mpeg',// Set the expected response type to audio/mpeg.'content-type':'application/json',// Set the content type to application/json.'xi-api-key':`${API_KEY}`,// Set the API key in the headers.},data:{text:inputText,// Pass in the inputText as the text to be converted to speech.},responseType:'arraybuffer',// Set the responseType to arraybuffer to receive binary data as response.};// Send the API request using Axios and wait for the response.constspeechDetails=awaitaxios.request(options);// Return the binary audio data received from the API response.returnspeechDetails.data;};// Export the textToSpeech function as the default export of this module.exportdefaulttextToSpeech;

import{useState,useEffect}from'react';constAudioPlayer=()=>{// Define a state variable to hold the audio URLconst[audioURL,setAudioURL]=useState(null);// Define a function to fetch the audio data and set the URL state variableconsthandleAudioFetch=async()=>{// Call the textToSpeech function to generate the audio data for the text "Hello welcome"constdata=awaittextToSpeech("Hello welcome")// Create a new Blob object from the audio data with MIME type 'audio/mpeg'constblob=newBlob([data],{type:'audio/mpeg'});// Create a URL for the blob objectconsturl=URL.createObjectURL(blob);// Set the audio URL state variable to the newly created URLsetAudioURL(url);};// Use the useEffect hook to call the handleAudioFetch function once when the component mountsuseEffect(()=>{handleAudioFetch()},[]);// Render an audio element with the URL if it is not nullreturn(<div>{audioURL&&(<audioautoPlaycontrols><sourcesrc={audioURL}type="audio/mpeg"/></audio>)}</div>);};exportdefaultAudioPlayer;