How to Access a Webcam and Record Video with JavaScript

Learn how to access a webcam and record video using JavaScript. Learn about the JavaScript window object, MediaRecord, and navigator.

Become a Better Developer

My Software

Download Code

⌛ Timestamps
0:00 – Introduction
0:45 – Setup Project Structure
1:09 – Write the HTML
3:36 – Write the CSS
8:03 – Write the JavaScript
19:01 – Project Demonstration

[cursedtrousers]

Going to use this on my upcoming project

[ScreenPrintR]

Thank you for your video. How did you create the Boiler plate/template html? Thank you. Okay, Shift, ! (bank) release both, and press Tab.

[real_ivana]

hi WittCode: I did this but found that the button doesn't seem to be pulling forward a prompt or pop-up-- any tips?

[John-xhj]

I am subscribed to your channel but not because you put a subscribe button on the screen. I sub to channels because I like the content or in this case because I want to know how let users on my site make and upload videos like what BASE to use. For images I user Base64 to convert to bitmap. I'm only half way through the video and I hope you explain that part. I would imagine that everyone who watched this video did it for the same reason. I found you months ago and liked the content and subded. Please stop asking people to subscribe. If your content is good then people will sub but they do not need that button. Too many creators do this and I am fed up with being begged to sub and like.

As to your content. You explain things that do not need to be explained or are not relative to the main topic. This video could have been five minutes and given the same info. I fast forwarded through at least half and still got the info I wanted. For instance I did not need the CSS file explained. Although you drag it out especially for advanced coders like myself I still get valuable info from you. Maybe you could make beginner and advanced sections on your channel, just food for thought. All in all good work.