Webcam App

Scripts

Install node modules

Run

Build

Step 1. I started from looking at this tutorial on youtube

Step 2. Then I learned how to save pictures with this discussion form

Step 3. And the assignment requirements seems to be meet. However, the snapshots are a bit blurry and I don't know how to fix it.

Step 4. Then I started thinking about adding functionality to this program. My first idea was dark mode. So I added it on Wednesday.

Step 5. I then wanted to add a filter for the video feed, so I started search for ideas online. However, I wasn't successful for the first 2 days until I found this video:

Step 6. From here, I figured out how to save canvas Image as ImageData, and then show it else where. I was also pleasantly surprised that the image quality is much better.

Step 7. I solved it by