Record Your MIC with JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ต.ค. 2023
  • Learn how to use JavaScript to record your voice and download it as an MP3, OGG, or similar audio file. In this video, we use the Media API to get access to the microphone.
    Google Icons: fonts.google.com/icons
    // INTERESTED IN GAME DEV?
    / muddywolf
    // FOLLOW ME ON TWITTER
    / tyler_potts_
    // CHECK OUT MY GAME
    play.google.com/store/apps/de...
    // DO THESE SIMPLE STEPS
    LIKE, SUBSCRIBE & SHARE
  • แนวปฏิบัติและการใช้ชีวิต

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

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

    Where is the code .😢

  • @Crashman1012
    @Crashman1012 7 หลายเดือนก่อน +5

    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  7 หลายเดือนก่อน +1

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

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

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

  • @CodingFire
    @CodingFire 7 หลายเดือนก่อน +2

    you are underrated man! keep up the great work

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

      Thanks, will do!

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

    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

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

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

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

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

  • @user-cv9sq7xv4s
    @user-cv9sq7xv4s 20 วันที่ผ่านมา

    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 5 หลายเดือนก่อน

    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...

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

    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

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

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

  • @michaeldavid6100
    @michaeldavid6100 9 วันที่ผ่านมา

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

  • @yogyyconst
    @yogyyconst 53 นาทีที่ผ่านมา

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