Sinaqi - Conversão de voz para texto

O código abaixo só funciona no Blogger!

Conversão de fala para texto no Blogger

<!DOCTYPE html>

<head>

<title>Conversão de Fala para Texto</title>

<style>

body {

font-family: Arial, sans-serif;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

height: 100vh;

margin: 0;

text-align: center;

}

#transcription {

width: 90%;

max-width: 600px;

border: 1px solid #333;

border-radius: 8px;

padding: 10px;

margin-top: 20px;

font-size: 18px;

background-color: #f9f9f9;

min-height: 100px;

}

#startButton {

padding: 10px 20px;

font-size: 16px;

border: none;

border-radius: 5px;

cursor: pointer;

background-color: #28a745;

color: #fff;

}

</style>

</head>

<body>

<h1>Conversão de Fala para Texto</h1>

<button id="startButton" onclick="startRecognition()">Iniciar Reconhecimento de Voz</button>

<div id="transcription">A transcrição da fala aparecerá aqui...</div>

// Verifica se o navegador suporta reconhecimento de voz

let recognition;

if ('webkitSpeechRecognition' in window) {

recognition = new webkitSpeechRecognition();

recognition.lang = 'pt-BR';

recognition.interimResults = false; // Exibe apenas resultados finais

recognition.continuous = false; // Para de ouvir ao término da fala

} else {

alert("Seu navegador não suporta a Web Speech API. Tente usar o Google Chrome.");

}

// Função para iniciar o reconhecimento

function startRecognition() {

const startButton = document.getElementById("startButton");

const transcription = document.getElementById("transcription");

if (recognition) {

transcription.innerHTML = "Escutando...";

startButton.disabled = true;

recognition.start();

// Evento quando o resultado é finalizado

recognition.onresult = (event) => {

const transcript = event.results[0][0].transcript;

transcription.innerHTML = transcript;

};

// Quando o reconhecimento termina

recognition.onend = () => {

startButton.disabled = false;

startButton.textContent = "Iniciar Reconhecimento de Voz";

};

// Captura erros

recognition.onerror = (event) => {

transcription.innerHTML = "Erro no reconhecimento de voz: " + event.error;

startButton.disabled = false;

};

}

</script>

</body>

</html>