1
resposta

Problema com reconhecimento de voz

Boa tarde!

Estou com com erro no projeto onde não esta reconhecendo a voz em nenhum navegador. Quando eu faço um debug como live server funciona normalmente, porém quando eu coloquei na Vercel e acessei de outros navegadores aparece um erro de :

SpeechRecognition is not a constructor at speechRecognition.js:4:21

Erro SpeechRecognition is not a constructor

Projeto na Versel Projeto Github

const elementoChute = document.getElementById('chute')

window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
const numero = document.getElementById('box');

recognition.lang = 'pt-Br';
recognition.start();

recognition.addEventListener('result', onSpeak);

function onSpeak(event) {
    chute = event.results[0][0].transcript;
    exibeChuteNaTela(chute);
    verificaSeChutePossuiUmValorValido(chute);
}

function exibeChuteNaTela(chute){
    elementoChute.innerHTML = `
    <div>Você disse</div>
    <span class="box">${chute}</span>
    `;
}

recognition.addEventListener('end',() => recognition.start());
Por favor, alguém poderia me ajudar?
1 resposta

Oii, André! Tudo bem?

Testei o seu projeto acessando pelo Vercel e pelo Github e está tudo certinho! Usei o Chrome e o Brave como navegadores. Caso se sinta confortável, compartilhe qual usou também.

O que pode está acontecendo é que alguns navegadores não suportam a API que está usando para o reconhecimento da voz ou então a funcionalidade está sendo bloqueada. Como sugestão, verifique as configurações de permissões dos navegadores para checar se não tem nenhum bloqueador, firewall ou proxy, impedindo o acesso ao reconhecimento de voz.

Quero te parabenizar pelo projeto que está excelente e bem estruturado, continue se dedicando assim!

Qualquer dúvida, não hesite em recorrer ao fórum.

Bons estudos, André!