Reconhecimento de voz com JavaScript e Web Speech API (SpeechRecognition)

[@ViniciosdaSilvaLopes]

projeto incrível, e contribuição inestimável para comunidade!

[@ogabrielaugustto]

Parabéns pelo conteúdo, que conhecimento meu amigo!! É possível capturar o áudio no navegador, e jogar para uma variável python dentro do flask, usando esse código?

[@will_dev]

Muito obrigado pelo feedback :D, sobre sua pergunta.. não tenho certeza :/

[@lucianofran4696]

Fantástico, era isso que precisava

[@will_dev]

Showw

[@multisaude]

Will, parabéns pelo código, pelo vídeo, mas o mesmo não funcionou para o FireFox.

[@victor-zt3nk]

Show Will, esse foi o projeto mais interessante que eu vi apresentando e utilizando a API SpeechRecognition.

[@will_dev]

Valeu pelo feedback, Vitor!

[@Dobock8]

Que projetos massa sobre construção de aplicações. Vou consumir toos. Parabens.

[@will_dev]

Agradeço seu feedback :D

[@avengerrp]

Funciona em Portuguese? Consigo criar uma biblioteca pra ele tbm?

[@fulljogosbr]

muito F*da Will foi o melhor tutorial que encotrei falando de SpeechRecognition. uma duvida daria para baixa o audio ao invés do texto?

[@will_dev]

Muito obrigado pelo feedback :D Bah, pior que não sei para baixar áudio, teria que ver em algum fórum se tem algo sobre

[@agenciavolksein5486]

olá, parabéns pelo vídeo, ficou top, me diz uma coisa, saberia me sugerir alguma lib que rode do lado do servidor e que seja tão boa quanto estas que são nativas do navegador?? Estou terminando um chatbot para whatsapp integrado com a api do chatgpt, atualmente o texto forma de forma fantástica, e junto com o texto nas respostas do whatsapp que são geradas pelo chatgpt eu faço inclusive o envio do áudio sintetizado deste texto, mas gostaria de ir um poouco mais além , fazendo com que o chatbot também intercepte as mensagens de áudio , processe junto ao gpt e depois retorne para o usuário, mas não tenho tido sorte com bibliotecas, a grande maioria é paga e gostaria de não investir nada neste projeto em si, pois pretendo replica-lo, conseguiria me ajudar me indicando um lib que não necessite de autenticação, seja free e claro, compátivel com o pt-br??

[@will_dev]

Opa, interessante a ideia, mas pior que não sei de nenhuma lib assim :/

[@agenciavolksein5486]

@@will_dev a lib gTTS resolveu meu problema, com 03 linhas de código, mas é desastroso quando em pt-BR (voz mongol total haha)

[@leidianebeatriz4898]

Olá Will, parabéns pelo vídeo! Tentei fazer um projeto baseado no seu mas não estava gravando, então copiei o seu do github mas o texto não aparece na tela, sabe o que posso fazer?

[@will_dev]

Agradeço o feedback! Estranho, será que tu ta falando perto do microfone?

[@zdr1zzy156]

Will, a partir disso, como consigo fazer para que a ferramenta leia texto e um site? estou em um projeto que preciso adicionar um leitor de texto (recurso de acessibilidade) a um site

[@will_dev]

Se tiver algum botão, você vai pegar e dar um play com o texto e usar o modo inverso dessa api para leitura

[@zdr1zzy156]

@@will_dev Obrigado por responder. Na verdade, nesse projeto não deverá ter inserção de texto em algum lugar para ser lido, era para ser uma ferramenta que ao usuário clicar em alguma frase, o texto deveria ser lido automaticamente, alguma ideia? Andei pesquisando e está difícil achar base para isso

[@arlenpossamai2414]

Muito bom teu material Will, bem didático. Estou estudando javascript. Cara, estou tentando misturar este projeto com o teu último vídeo postado que é o tradutor. Eu queria fazer algo que permitisse entrada de voz somente em pt-br e saída em texto (fr e en). Tem uma sugestão de como fazer os dois projetos teus se misturarem ? Valeu, parabéns.

[@will_dev]

Valeu Arlen, bastaria você fazer esse de reconhecimento de voz, colocar um novo textarea para sair a parte traduzida, e ter um botão "traduzir". Aí o que você falou para o primeiro textarea, ao clicar em traduzir, vai a tradução para o segundo textarea.

[@arlenpossamai2414]

@@will_dev Valeu Will ! Eu vou fazer e depois compartilho o resultado.

[@TheNikakz]

@@arlenpossamai2414 Conseguiu fazer, poderia compartilhar os códigos. No do tradutor separado, estou tentando adicionar um botão limpar para os campos, mas até agora não tive exito.

[@thiagomoreira2059]

Fala Will. Parabéns pelo conteúdo. Três questões rápidas: 1) O reconhecimento de voz não reconhece acentuação? Por exemplo se dizer “Oi, tudo bem?” ele escreve “Oi tudo bem”. 2) Quando o continuous é true ele o microfone fica aberto e tudo é capitado. No entanto, após uma pausa ele não salta uma linha ou adiciona ponto final. Como poderíamos melhorar isso em sua opinião? 3) Você tem algum outro vídeo sobre sintetizador de voz (tts) do Web Speech? Mais uma vez, parabéns

[@will_dev]

Agradeço seu feedback Thiago. Sobre os acentos e espaços você teria que manipular no momento com concatena as strings, essa api não é tão inteligente nesse sentido

[@giovanninunes4679]

Will, como eu posso armazenar o q eu falo direto em uma varivel

[@will_dev]

Basta ir atribuindo os valores para a variável dentro do this.speechApi.onresult

[@drikadev]

Oi Will tudo bom? Que projeto massa esse! Gostei muito! Nunca tinha visto isso antes! Obrigada por compartilhar. Achei dificil a parte da API. Você já sabia montar tudo isso ou pegou de alguma documentação? A minha dificuldade é saber montar isso tudo! Ah, queria te perguntar também se é normal o erro que dá na hora de baixar o txt... aqui no meu Chrome deu 'Falha - Erro na rede'. De qualquer forma super obrigada pelo vídeo! Vou fazer os outros que vc tem aqui tb! Um grande abraço pra vc!

[@will_dev]

Muito obrigado pelo feedback :D Para fazer esses projetos, se for a primeira vez eu olho a documentação e alguns exemplos parecidos do que quero na internet, aí depois que tu já fez algumas vezes fica mais tranquilo para montar. Sobre o erro na rede, pode ser algum bloqueio na tua rede ou navegador mesmo.

[@walney2008]

que massa gostaria de aprender mais sobre o assunto

[@will_dev]

🚀

[@walney2008]

ola, teria como ser feito de texto converter para audio ? tem como pegar um video do youtube, acessar a legenda gravada e converter para audio ? ou ouvir o audio em ingles e converter para portugues ? pois estudo programação e muito material que não entendo por não dominar o ingles, ^^

[@will_dev]

@@walney2008 developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API, aqui na api indica que é possível fazer das duas formas :D

[@walney2008]

opa, vc eh o cara, obrigado

[@leonardom167]

Que projeto massa Will, teria como fazer ele utilizar o som do sistema para fazer o reconhecimento ao invés do som do microfone, para conseguir ir anotando trechos e falas sem encostar o mic na caixinha de som?

[@will_dev]

Muito obrigado pelo feedback. Então, que eu lembro não, ele geralmente pega o que está chegando na entrada de microfone. Mas vale dar uma pesquisa nisso, é uma boa questão.

[@TheNikakz]

Oi, gostei muito do seu material e queria usar aqui para coisas pessoais, mas será que poderia adicionar o que alguém comentou de colocar a opção traduzir, seria muito legal, ainda engatinho com o java script, então não consegui adicionar no código, assim como no do tradutor eu não conseguir colocar um botão para limpar os campos das palavras traduzidas. Parabéns pelo seu trabalho.

[@will_dev]

Obrigado pela sugestão Sandra :D

[@murilo8949]

Não sei se houve atualização ou algum erro no meu navegador, mas o microfone não funciona. Vou pesquisar também.

[@will_dev]

Pode ser, ou tenta copiar o código pra ver se não ficou alguma diferença

[@murilo8949]

@@will_dev já fiz isso, mas tbm não funcionou.

[@wagnerpedroo]

muito bom!!

[@jedilson10]

Boa noite. Excelente conteudo. Você tem algum contudo com: upload e download de imagens com REACTjs. que possa disponibilizar!

[@will_dev]

Agradeço pelo feedback e pela sugestão :D

[@jedilson10]

@@will_dev Show.. mais vc tem algum conteudo de download e upload?!?!?!

[@will_dev]

@@jedilson10 Ainda não, mas é uma boa sugestão.

[@supertutorial7]

like mano

[@patrickalvespacheco6373]

Ok