Speech Recognition & Voice Synthesis in React (Web Speech API)

Поделиться
HTML-код
  • Опубликовано: 3 дек 2024

Комментарии •

  • @colbyfayock
    @colbyfayock  4 месяца назад

    Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

  • @svnbeats6700
    @svnbeats6700 5 месяцев назад +2

    I just want you to know personally i spent 4 months trying to do what you did in 30 min 😂😂😂 you got a new subscriber my friend e si eu gosto JavaScript ❤😂

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      haha glad i was able to help!

  • @devlearnllm
    @devlearnllm 5 месяцев назад

    I hope you get more visibility and subscribers. This was exactly what I needed (and the typescript type was a really nice touch)

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      really appreciate that! glad it helped you out

  • @AsemAmr19
    @AsemAmr19 9 месяцев назад

    Thank you so much, Your expalining is really smooth 💯

    • @colbyfayock
      @colbyfayock  9 месяцев назад

      thanks! happy to hear that 🙌

  • @colbyfayock
    @colbyfayock  9 месяцев назад +1

    Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

  • @nicolaihoegsbjerg
    @nicolaihoegsbjerg 7 месяцев назад

    I enjoyed this, straight to the point! :)

    • @colbyfayock
      @colbyfayock  7 месяцев назад

      thanks, glad to hear that!

  • @Imvivekvermaa
    @Imvivekvermaa 6 месяцев назад

    this video is lit.. clean explanation, thanks.

  • @agenciavolksein5486
    @agenciavolksein5486 3 месяца назад

    Any alternatives to achieve these functionalities in all browsers? Any 'cross-browser' solution? Thanks in advance for sharing your knowledge through the videos, which, by the way, have excellent didactics

    • @colbyfayock
      @colbyfayock  3 месяца назад +1

      im not aware of a good browser-native way to handle this. the only option i could think of is using a service like handle some of this work for you like the OpenAI API, uploading a voice clip and letting them handle the work through their different available endpoints
      thank you :)

  • @lev1ato
    @lev1ato 5 месяцев назад

    something happened with Web Speech Recognition API. On Google Chrome Desktop it stopped providing punctuation and on Android Chrome it started making duplicate interimResults... I am not sure where to report this bug, I had it working with my AI app and all of the sudden things broke. On the Edge which is Chromium based it still works flawless, very strange..

    • @colbyfayock
      @colbyfayock  5 месяцев назад

      i'm not sure how to report the bug, but here's their issue tracker: issues.chromium.org/issues?q=status
      perhaps once logged in it'l let you submit a new issue?

  • @LucasSilva-yg3nr
    @LucasSilva-yg3nr 6 месяцев назад

    Nice work dude! I have a question, if i have my mic always on, how can I avoid the app listen to the bot?is there any way?

    • @colbyfayock
      @colbyfayock  6 месяцев назад

      thank you! do you mean if you have your mic physically always on? or do you mean the browser API? the browser should only listen if you tell it to start listening, where in the example used a button to start that

  • @AhmadJS
    @AhmadJS 6 месяцев назад

    Thank you ..💚

  • @hardwired66
    @hardwired66 3 месяца назад

    Yeay🎉

  • @yogyyconst
    @yogyyconst 6 месяцев назад

    thanks for the video, but can i record the speech to mp3? like voice note whatsapp

    • @colbyfayock
      @colbyfayock  6 месяцев назад

      do you mean the translated version to mp3? or just simply recording a voice as is?

    • @yogyyconst
      @yogyyconst 6 месяцев назад

      @@colbyfayock just the recording, because i need send the recording to backend

    • @colbyfayock
      @colbyfayock  6 месяцев назад +1

      @@yogyyconst i think you'd actually want to use this API: developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API/Using_the_MediaStream_Recording_API
      perhaps I'll make a tutorial around it at some point but i dont currently have one

    • @yogyyconst
      @yogyyconst 6 месяцев назад

      @@colbyfayock it's ok, thank you man

  • @crazyb8593
    @crazyb8593 6 месяцев назад

    does speech synthesis and speech recognition work offline

    • @colbyfayock
      @colbyfayock  6 месяцев назад

      im not sure about this. i know that some devices come with local synthesis services, so i would recommend trying it and seeing what's available on the devices/browsers you want to support

  • @contigen
    @contigen 6 месяцев назад

    Edge provides the best results, Synthesis & Recognition.

    • @colbyfayock
      @colbyfayock  6 месяцев назад

      interesting didnt test that one! and realizing i can download that on Mac now, will have to play with it