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!
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
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
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.
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
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...
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!
Thank you and that's amazing I'm happy that I could help!
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
you are underrated man! keep up the great work
Thanks, will do!
Brilliant tutorial! Thanks for sharing your javascript skills with us 😊
Very clear and easy to understand.. Thank you!
You are welcome!
Any idea how can we add a auto stop recording function so that when user stops speaking the audio stops recording?
I know I am late to the party, but are there any videos to continue this project, or is this a solo-standing video.
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
did you solve this?
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.
where is the coding section that u use how can i download it and where from i download the code
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";
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
why does the progress bar not work when you play the downloaded audio file?
is there a way to fix this?
How long would it take to make the upload tutorial? I'm trying to save in MongoDB with NodeJS, Express and EJS. 🙂
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...
How can you save the recorded audio in database using php
Where is the code .😢
the code is in video , just try to practice to learn , not copy paste
@@yassineabdelouafi ok ok
i need to send it to my server. How can i do this?
i have a problem in iphone recording and is error
no github link?
How to record google meeting recordings
why not just drop a link to the git repo? rather than make someone write CSS.
to remove mic icon add this before/after recorder.stop()
recorder.stream.getTracks().forEach((t) => t.stop())