Guia Rápido para Usar a API Google Text-to-Speech
Se você é apaixonado por tecnologia e deseja adicionar um toque especial aos seus projetos, você está prestes a descobrir algo incrível. Estamos falando da API Google Cloud Text-to-Speech, uma ferramenta poderosa que permite transformar texto em fala em apenas alguns passos.
Para explorar mais detalhes e aprofundar seu conhecimento, dê uma olhada na documentação completa.
Aqui está um exemplo prático de como você pode usar essa API em seus projetos:
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Exemplo de Text-to-Speech com Google Cloud API</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> </head> <body> <div class="container"> <h1>Exemplo de Text-to-Speech com Google Cloud API</h1> <div class="row mb-3"> <label for="texto" class="form-label">Digite o texto:</label> <textarea id="texto" class="form-control" rows="20" cols="50" disabled>INFORME O SEU TEXTO AQUI</textarea> </div> <audio id="audioPlayer" controls></audio> </div> <script> function converterTexto() { const texto = document.getElementById("texto").value; const apiKey = "CHAVE_API_GOOGLE"; // Substitua pela sua chave de API do Google Cloud const apiUrl = `https://texttospeech.googleapis.com/v1/text:synthesize?key=${apiKey}`; const requestBody = JSON.stringify({ input: { text: texto }, voice: { languageCode: "pt-BR", name: "pt-BR-Neural2-B", ssmlGender: "MALE" }, audioConfig: { audioEncoding: "MP3" } }); const xhr = new XMLHttpRequest(); xhr.open("POST", apiUrl, true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { const response = JSON.parse(xhr.responseText); const audioPlayer = document.getElementById("audioPlayer"); audioPlayer.src = `data:audio/mpeg;base64,${response.audioContent}`; } else if (xhr.readyState === 4) { console.error("Erro na solicitação:", xhr.statusText); } }; xhr.send(requestBody); } window.addEventListener("DOMContentLoaded", converterTexto); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script> </body> </html> |
Conteudo Top