let button;

​

function setup() {

  createCanvas(640, 480);

  capture = createCapture(VIDEO);

  capture.size(640, 480);

  capture.hide();

​

  button = createButton("Take Picture");

  button.mousePressed(takePicture);

}

​

function draw() {

  image(capture, 0, 0, width, height);

}

​

function takePicture() {

  let img = capture.get();

  img.loadPixels();

​

  let base64Image = img.canvas.toDataURL("image/png"); // Convert image to base64

  let data = {

    key: "mama, a capstone behind you",

    image: base64Image

  };

​

  fetch("https://10.228.255.7:8080/upload", {

    // Make sure URL matches Flask server

    method: "POST",

    headers: {

      "Content-Type": "application/json",

    },

    body: JSON.stringify(data),

  })

    .then((response) => response.text())

    .then((data) => console.log("Success:", data))

    .catch((error) => console.error("Error:", error)); // Log any errors

}

​