Hi,
I am using the following code to see if i can use the text to speech api. I am getting a consistent 401 authorization error. I plan to use google cloud text to speech in my existing web app, which was originally using web speech api. I am unable to get the google api to work. Please assist. Thanks. Here is the code I am using:
<!DOCTYPE html>
<html>
<head>
<title>Text-to-Speech Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>Text-to-Speech Example</h1>
<textarea id="inputText" rows="4" cols="50"></textarea>
<button onclick="synthesize()">Synthesize</button>
<audio id="audio" controls></audio>
<script>
function synthesize() {
var text = document.getElementById('inputText').value;
$.ajax({
url: 'https://texttospeech.googleapis.com/v1/text:synthesize',
type: 'POST',
data: JSON.stringify({
input: { text: text },
voice: { languageCode: 'en-US', ssmlGender: 'FEMALE' },
audioConfig: { audioEncoding: 'MP3' }
}),
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer THIS IS WHERE MY API KEY GOES'
},
success: function (data) {
var audioUrl = 'data:audio/mp3;base64,' + data.audioContent;
document.getElementById('audio').src=audioUrl;
document.getElementById('audio').play();
},
error: function (error) {
console.error('Error:', error);
}
});
}
</script>
</body>
</html>
LinkedIn
Twitter
