How to Upload from Webcam with Vanilla Javascript to Cloudinary?

To capture a photo from user's camera, first it requires user's permission for the camera to be enabled for that site. Assuming the permission is granted, we can capture the video's frame to a canvas.
Once captured, we can upload the blob to Cloudinary.

Please check the demo here.
Below is the implementation of webcam capture and upload with Vanilla Javascript: