Cam is a helper module for the ZIM JavaScript Canvas Framework at https://zimjs.com. We have integrated hand and pinch tracking with the ML5 Library (must be added as a script tag). See the main example:

Here is a mini-site of ZIM and ML5 examples as we experimented on afternoon.

To simply use the Webcam for pictures, this type of code will do:

// CAM - capture web cam 

// on a Mac, the canvas must be interacted with first
// so would recommend always using CamAsk first:
const ask = new CamAsk().show(yes=>{
   // if the user answers yes to the CamAsk
   if (yes) {
      // use scaleTo() to FILL the cam in the Frame
      // new Cam() will trigger the Browser asking for permission
      // unless already have given permission in this session
      let cam = new Cam().scaleTo().center();      
      cam.on("ready", ()=>{
         // code here
         
		 // could let user add things to cam image 
		 // then save as a meme, etc.
         const loader = new Loader();
         const save = new Button({label:"SAVE"})
            .pos(50,50,RIGHT,BOTTOM)
            .tap(()=>{
                save.vis(false);
                loader.save(S,"cam");
                save.vis(true);
            });
      });            
      // if the user does not accept the browser asking about cam
      cam.on("error", ()=>{
         new Pane("CAM not accepted",yellow).show();
      });      
   } else { // answered no to CamAsk dialog
      new Pane("CAM not accepted",yellow).show();
   }   
});

import zim from "https://zimjs.org/cdn/019/zim_cam";

import zim from "zimjs"
import { CamAsk, CamCursor, CamAlpha, CamControls } from "@zimjs/cam"