Record Your MIC with JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ม.ค. 2025

ความคิดเห็น • 32

  • @Crashman1012
    @Crashman1012 ปีที่แล้ว +6

    Glad to see you’re still uploading awesome tutorials.
    Your tutorials helped me get a job and what stands out from the rest is that you make projects that are actually what you will work on professionally.
    For example, no company will hire you to make a to do list or a calculator but they might hire you to make a project that involves using your webcam or audio and doing something with that.
    Thanks and keep killing it!

    • @TylerPotts
      @TylerPotts  ปีที่แล้ว +1

      Thank you and that's amazing I'm happy that I could help!

  • @CodingFire
    @CodingFire ปีที่แล้ว +3

    you are underrated man! keep up the great work

  • @felipehernandez7938
    @felipehernandez7938 4 หลายเดือนก่อน +1

    I'm building a pretty similar app and I was blocked on how can I have only one buttton to start and stop the recording. You unlocked my brain, thank you

  • @matc.1570
    @matc.1570 8 หลายเดือนก่อน +1

    Brilliant tutorial! Thanks for sharing your javascript skills with us 😊

  • @RizaHariati
    @RizaHariati 7 หลายเดือนก่อน +1

    Very clear and easy to understand.. Thank you!

    • @TylerPotts
      @TylerPotts  6 หลายเดือนก่อน

      You are welcome!

  • @MohammadAtiyat-p8h
    @MohammadAtiyat-p8h หลายเดือนก่อน

    I loved your video and please can you show us how to save the audio file thankyou

  • @aljosaskrinjar3740
    @aljosaskrinjar3740 9 หลายเดือนก่อน

    I know I am late to the party, but are there any videos to continue this project, or is this a solo-standing video.

  • @ironF5
    @ironF5 ปีที่แล้ว +1

    everything works, and the details you have provided is excellent. however using flask when i deploy this app on the server, then the mic permission prompt doesnot comes, on deeper research i found that "Modern browsers require a secure context (HTTPS) to grant access to media devices. When you run the app locally, it's likely on HTTP, but your browser may allow microphone access due to it being a 'localhost' environment, which is often considered secure by default. However, when deployed on a server and accessed over the internet, HTTPS becomes mandatory for such features.", so how to deploy this app on server should have also been taught. thank you. excellent content btw

    • @rekguy
      @rekguy 3 หลายเดือนก่อน

      did you solve this?

  • @ryostyles6434
    @ryostyles6434 2 หลายเดือนก่อน

    Any idea how can we add a auto stop recording function so that when user stops speaking the audio stops recording?

  • @عليسعد-ق1س
    @عليسعد-ق1س 6 หลายเดือนก่อน

    it's not work for me because i facing a problem " cors requests are made on supported schemes"
    whenever i import the stream from "node:stream";

  • @ekenefrancis9998
    @ekenefrancis9998 4 หลายเดือนก่อน

    How can you save the recorded audio in database using php

  • @majesticflyingbrick
    @majesticflyingbrick 8 หลายเดือนก่อน

    why does the progress bar not work when you play the downloaded audio file?
    is there a way to fix this?

  • @aleenajesval
    @aleenajesval 3 หลายเดือนก่อน

    where is the coding section that u use how can i download it and where from i download the code

  • @АндрейМарющенко
    @АндрейМарющенко 8 หลายเดือนก่อน

    Good tutorial, but there is the problem - if you even stop the recording, the browser tab still has that red dot, which means that the tab is still listening to the mic. And that's not good.

  • @swadeepsoni514
    @swadeepsoni514 ปีที่แล้ว

    bro there is some issue with the recorded file, as suppose if i record for a minute, so whenever i play the recording it will not give me the option to seek to different time. pls help with that like i should have all meta property just after stop recording...

  • @MPerialWeb
    @MPerialWeb ปีที่แล้ว

    How long would it take to make the upload tutorial? I'm trying to save in MongoDB with NodeJS, Express and EJS. 🙂

  • @felixwarano
    @felixwarano 5 หลายเดือนก่อน

    i need to send it to my server. How can i do this?

  • @almogmizrahi5273
    @almogmizrahi5273 10 หลายเดือนก่อน +13

    Where is the code .😢

    • @yassineabdelouafi
      @yassineabdelouafi 5 หลายเดือนก่อน +1

      the code is in video , just try to practice to learn , not copy paste

    • @MrCuong-ny3fv
      @MrCuong-ny3fv 4 หลายเดือนก่อน

      @@yassineabdelouafi ok ok

    • @LearnEnglishWithJess
      @LearnEnglishWithJess หลายเดือนก่อน

      lol, that's what I wanted, too!

  • @srinivasang8363
    @srinivasang8363 11 หลายเดือนก่อน

    Hi, I'm using angular17 but I'm getting below error, can you please help me.
    TypeError: Cannot read properties of undefined (reading 'recorder') at setUpStream

  • @banerjeesiblings1306
    @banerjeesiblings1306 5 หลายเดือนก่อน

    How to record google meeting recordings

  • @Mrdefa1
    @Mrdefa1 5 หลายเดือนก่อน

    no github link?

  • @WanderingBall
    @WanderingBall 3 หลายเดือนก่อน

    i have a problem in iphone recording and is error

  • @michaeldavid6100
    @michaeldavid6100 7 หลายเดือนก่อน

    why not just drop a link to the git repo? rather than make someone write CSS.

  • @yogyyconst
    @yogyyconst 7 หลายเดือนก่อน +1

    to remove mic icon add this before/after recorder.stop()
    recorder.stream.getTracks().forEach((t) => t.stop())