createCapture on Android (Nokia 7.2)

p5.js Coding Questions
1

Hi all

I have this stripped down basic code that I want to run on my Nokia 7.2 smartphone:

<!-- let capture;
let options = {
  video: {
    facingMode: { exact: "environment" },
    width: { ideal: 2280 },
    height: { ideal: 1080 },
  },
  audio: false
};
function setup() {
  createCanvas(1080, 2280);
  capture = createCapture(VIDEO, options);
  capture.hide();
}
function draw() {
  image(capture, 0, 0, width, height);
}

My naive expectation was to “see through the camera” as I would when using the default Android photo app. But this view looks super zoomed in, like a magnifying glass and therefore has super bad performance like 2 fps and is very sensitive to the slightest movement of the phone…
What do I need to change to have the resolution/perspective like with a normal photo app?

The idea I am having for my app is to overlay a semi-transparent image on the camera-capture and then be able to draw on a paper while looking “through” the phone and trace the lines from the overlayed image - like a light table in reverse (if you get what I mean).

many thanks
Jochen

2

I want to add that I played around a lot with different values for width/height, for both the canvas and the createCapture options, but with no luck. in parts the images I received appeared stretched in one direction, so that actual squares where not square looking through the display…

Any hints are highly appreciated :slight_smile: