Eu subi todos os arquivos e pasta no Repositorio do Github e compartilhei pelo VERCEL.
Funcionou redondinho no desktop
Mas ao abrir no celular android o Avatar some e o som nao ocorre apesar de habilityado no ALLOW e usar o Chrome.
Alguém pode me dizer, por favor, o que devo corrigir e onde?
Olá, Márcio! Como vai?
Pelo que você descreveu, o problema pode estar relacionado à biblioteca de voz que você está utilizando. No contexto do curso, foi mencionado que algumas pessoas enfrentaram problemas com a biblioteca Responsive Voice, especialmente em dispositivos móveis.
Uma solução sugerida é substituir o uso do Responsive Voice pela Web Speech API, que é nativa em vários navegadores, incluindo o Chrome, o que pode resolver o problema do som no seu aplicativo. Você pode ajustar o seu código da seguinte forma:
No arquivo app.js, substitua o código que usa o Responsive Voice por este:
if ('speechSynthesis' in window) {
let utterance = new SpeechSynthesisUtterance(texto);
utterance.lang = 'pt-BR';
utterance.rate = 1.2;
window.speechSynthesis.speak(utterance);
} else {
console.log("Web Speech API não suportada neste navegador.");
}
Além disso, certifique-se de remover qualquer referência à biblioteca Responsive Voice no seu arquivo index.html.
Sobre o avatar que não aparece, verifique se os arquivos de imagem estão corretamente referenciados e se o caminho para eles está correto. Às vezes, problemas de caminho podem ocorrer devido a diferenças na estrutura de arquivos entre o desktop e o celular.
Espero ter ajudado e bons estudos!