API para transformar voz em texto - Root #10

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • A WEB API do browser Chrome permite transformar a voz em texto com Speech Recognition.
    Junto do nosso educador, Mayk Brito, vamos construir um layout simples de entender que vai ser construído usando Tailwind CSS para trabalhar junto dessa WEB API de Speech Recognition que tem no Chrome!
    -----
    Confira a grade completa de conteúdos do canal aqui: rocketseat.com...
    Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com...
    Cadastre-se na nossa plataforma: app.rocketseat...
    Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
    Acompanhe a Rocketseat nas redes sociais:
    Twitter: @rocketseat
    Facebook: @rocketseat
    Instagram: @rocketseat_oficial
    Nos ouça também no Spotify:
    - Podcast Faladev
    - Podcast Alumni
    - Podcast Proxy

КОМЕНТАРІ • 53

  • @ProgramadorLhama
    @ProgramadorLhama 3 роки тому +11

    Cara, eu realmente curto os vídeos com o Maykão. A certo tempo ele fez um vídeo mexendo com o Puppeteer e isso foi fundamental pra mim. Boa Foguetão!

    • @rocketseat
      @rocketseat  3 роки тому +3

      Maykão é fera, né? 💜
      Que massa que te marcou tanto, Lhama! 😍 🦙

    • @ProgramadorLhama
      @ProgramadorLhama 3 роки тому +1

      @@rocketseat fera d+. Amava ele dês da série "Todo mundo odeia o Chris". Maykão é brabo 😎

  • @sintomasdariqueza5228
    @sintomasdariqueza5228 2 роки тому +2

    Coisa boa meu amigo. parabéns. No meu Site, os clientes precisam digitar textos extensos e vou colocar esta aplicação para facilitar a vida deles, vc é fera. mais um inscrito

  • @cassiosantos369
    @cassiosantos369 3 роки тому +1

    Maykão como sempre com excelência na didática. Valeu Maykão! Valeu Rocketseat.

    • @rocketseat
      @rocketseat  3 роки тому

      Faaaaala, Cassio!
      Maykão manda bem demais, né?
      Nós que agradecemos o carinho e o comentário! 💜 🚀

  • @andersonalves3183
    @andersonalves3183 3 роки тому +2

    Como sempre, Maykão traz um vídeo excelente de aprendizagem e muito útil para sua vida. Vlw

    • @rocketseat
      @rocketseat  3 роки тому +1

      Woow!
      Valeu demais pelo feedback, Anderson! Conteúdo foi bem legal, né? 😍 🚀

  • @giovanimachado7306
    @giovanimachado7306 3 роки тому +5

    Muito show, Mayk! Queria saber se vocês irão se aprofundar, fazer um curso sobre esse Tailwind... Achei ele muito interessante!

    • @rocketseat
      @rocketseat  3 роки тому +3

      Faaaaala, Giovani! Que massa que curtiu! 😍
      Opa, anotei aqui a sua sugestão! Valeu demais pelo feedback! 😉 🚀

  • @firevideo1838
    @firevideo1838 3 роки тому +1

    Um app excelente para quem não sabe escrever. Show

  • @Jonasprodrigues
    @Jonasprodrigues 3 роки тому

    Vixxxxiiii!!! Entrei logo de pés juntos no Like! Parabéns meu sangue bom! Oferecer conteúdo de qualidade é só com vocês mesmo!! 🙏🙏🙏🙏

    • @rocketseat
      @rocketseat  3 роки тому +1

      Wooow!
      Valeu demais pelo like e por esse feedback, Jonas! 😍
      Curtiu o conteúdo de hoje? 👀 💜

    • @Jonasprodrigues
      @Jonasprodrigues 3 роки тому +1

      @@rocketseat conteúdos que nos torna "mágico" e deixa a tecnologia acessível à um deficiente, ou agiliza processos para ganhar tempo! É expetacular!!! 🙏🙏 Posso expor uma dúvida? Tenho de digitar "PR"? PR: meios de pagamentos via cripto moedas? Visto que as tecnologias por traz das mesmas facilita e agiliza processos? Que tal um conteúdo a implementar em nosso app tal forma de aceitar criptomoeda? Forte abraço!

  • @preystation6870
    @preystation6870 Рік тому

    10 vídeos é coisa pra caramba...

  • @fernandobuenoart
    @fernandobuenoart Рік тому

    Muito obrigado, vou utilizar para implementar minha aplicação de gerenciamento de reserva.

  • @wagnermartins6873
    @wagnermartins6873 3 роки тому

    Caramba que boa dica para o meu projeto de anotação que já estava desenvolvendo, vlwww

    • @rocketseat
      @rocketseat  3 роки тому

      Wooow!
      Que massa, Wagner! 👏‍🏻‍👏‍🏻‍

  • @samuelhenrique9541
    @samuelhenrique9541 3 роки тому

    Que isso Maykão é sensacional !!!!

    • @rocketseat
      @rocketseat  3 роки тому +1

      Ele é fera, né, Samuel!? 💜

  • @gkgiann
    @gkgiann 3 роки тому

    Maykão é brabo demais!!!!

    • @rocketseat
      @rocketseat  3 роки тому +1

      Ele é fera, né, Gian? 😍 🚀

  • @georgearmando757
    @georgearmando757 3 роки тому

    Muito obrigado @Maykão por este conteúdo super. Eu já me perguntava como isto funciona. Valeu. Agora, disseste que deixarias na descrição do vídeo a informação da app que estás a usar para desenvolver mas não vejo aqui

    • @rocketseat
      @rocketseat  3 роки тому

      Faaaala, George!
      Que massa que curtiu o conteúdo! 💜
      É essa aplicação aqui: ecstatic-shaw-7ceb62.netlify.app/speechrecognition 😉 🚀

  • @willianzuqui8005
    @willianzuqui8005 3 роки тому

    usou o monaco 👏👏👏 agora sim ficou top

  • @niltonfelipe
    @niltonfelipe 3 роки тому

    Excelente conteúdo, obrigado!

    • @rocketseat
      @rocketseat  3 роки тому +1

      Valeu demais, Nilton! 💜 🚀

  • @S41n7G
    @S41n7G 2 роки тому

    Coloquei isto numa aplicação que estou a criar para web, funcionou na perfeição, eu usei o id como referencia para a função funcionar, mas esta tudo perfeito.. gostava de ver algo mais complexo porque esta app queria criar um genero de chat entre o lado do cliente e o lado do técnico, Aconselham-me algo ? continuem o bom trabalho :)

  • @danieltiagofischer3965
    @danieltiagofischer3965 3 роки тому

    Show de bola!

    • @rocketseat
      @rocketseat  3 роки тому

      Valeu demais, Daniel! 💜 🚀

  • @cavalinhopocoto
    @cavalinhopocoto 3 роки тому

    Sensacional 👏🏽👏🏽👏🏽

    • @rocketseat
      @rocketseat  3 роки тому

      Que massa que curtiu! 💜

  • @lucassoares9569
    @lucassoares9569 2 роки тому

    Ótimo video!
    Vcs tem algum vídeo para react native ?

  • @edemarmendesperciani8826
    @edemarmendesperciani8826 2 роки тому +1

    Olá, boa tarde. Parabéns pelo vídeo, sensacional....Teria como disponibilizar este código?

    • @lucianofran4696
      @lucianofran4696 Рік тому

      Era bom se disponibilizasse, por isso que gosto das aulas do @celke, se vc elogia o vídeo o canal responde, se vc pede alguma coisa não tá nem aí , kkkkkk

    • @lucianofran4696
      @lucianofran4696 Рік тому

      este vídeo tem os códigos ua-cam.com/video/RftpTIBQbkU/v-deo.html

  • @walney2008
    @walney2008 Рік тому

    ola, teria como ler texto e transformar em audio ? teria como acessar legenda de um video, em ingles, e converter em audio em portugues ? teria como ouvir um video em ingles e já conventer em texto em portugues ? teria como ouvir o video em ingles e já conveter o audio para portugues ? sabe quero estudar, mais nao domino o ingles, como poderia ser feito ?

  • @thiagoesportesoutdoor
    @thiagoesportesoutdoor 2 роки тому

    Top! Tenho duas dúvidas:
    1ª - já tenho o texto do áudio e quero quando for dado play de acordo que o áudio for desenrolando ir marcando as palavras faladas.
    2ª - quando clicar em alguma palavra ir na posição que ela se encontra no audio.
    Agradeceria muito se pudesse me ajudar nessa questão, abraços

  • @agenciavolksein5486
    @agenciavolksein5486 Рік тому

    Olá, alguma possibilidade de rodar esta abordagem no lado do servidor (nodejs)? Com puppeteer será que rolaria? Obrigadão e parabéns pelo vídeo, tópico showww

  • @andersonalves3183
    @andersonalves3183 3 роки тому +1

    Tenho uma duvida @Maykão . Como eu faço para não ficar solicitando permissão de áudio toda vez que clica no button?

  • @eurenatinhax
    @eurenatinhax 9 місяців тому

    Opa, gostaria se a API pega normalmente quando o site é acessado por Android

  • @jnpefop
    @jnpefop 3 роки тому +1

    Mayk, tentei replicar aqui, onde abri no VS Code, abrir dois arquivos, um HTML e um JS, onde abrir normal o html:5 e coloquei as divs e importei o script do JS, mas ao tentar ler o evento do onresult o mesmo informa "Uncaught TypeError: Cannot read property '0' of undefined
    at SpeechRecognition.recognition.onresult", pode me dar um help?

  • @dev.webmobile
    @dev.webmobile 3 роки тому +2

    Mayk, comprei o curso do iginite, ontem fui iniciar meus estudos, mas o servidor estava com problemas. Hoje fui entrar novamente, e não estou conseguindo. Vocês tem algum email para contato?

    • @maykbrito
      @maykbrito 3 роки тому +3

      Fala Gustavo. Temos sim.. oi@rocketseat.com.br
      Peço desculpas pelo transtorno e vamos entender o que está acontecendo pra resolver 💜

  • @cafe6123
    @cafe6123 7 місяців тому

    Como eu faria pra api escutar apenas o áudio do website, ao invés de utilizar o meu microfone?

  • @BrunoBarbosa-mf2kg
    @BrunoBarbosa-mf2kg 3 роки тому

    Preciso muito de uma API que converta texto em voz

  • @rayanwilbert
    @rayanwilbert 3 роки тому

    Alguém aí que usa Brave, conseguiu de boa?

    • @rocketseat
      @rocketseat  3 роки тому +1

      O Brave acaba bloqueando muita coisa, Rayan! Tenta em outro navegador e me conta se deu certo! 💜 😉

    • @rayanwilbert
      @rayanwilbert 3 роки тому

      @@rocketseat Pois é né, vou tentar 👍