Calling currentImg = video.get(); and afterwards mobilenet.predict(currentImg, gotResults); gives error.

[CreativeCode]

Dear community,
I have been inspired by Shiffman's videos about Image Classification and Video Classification. Consequently, I tried to combine working with video and with images. I tried to take a snapshot from the webcam and submit this snapshot for classification. The code is below. Unfortunately, I get an error (see screenshot).

I am not sure whether this is an issue or a mistake on my side.

Many thanks for your help and for the great library!
Hanna

Code:

let video;
let label = '';
let captureBtn; 
let useButton;
let currentImg;
let retake = true;


function classify() {
    mobilenet.predict(currentImg, gotResults);
}

function modelReady() {
    console.log('Model is raedy!!!');
}

function gotResults(error, results) {
    if (error) {
        console.error(error);
    } else {
        console.log(results);
        label = results[0].className;
        let prob = results[0].probability;
    }
}

function takesnap() {
    currentImg = video.get(); 
    if (retake) {
        captureBtn.html('retake');
        useBtn.show();
    } 
    else {
        captureBtn.html('snap!');
        useBtn.hide();
    }
    retake = !retake;

}

function setup() {
    createCanvas(320, 240);
    video = createCapture(VIDEO);
    video.size(320, 240);
    video.hide();
    currentImg = createImage(320,240);
    mobilenet = ml5.imageClassifier('MobileNet', modelReady);

    background(0);

    captureBtn = createButton('Snap');
    captureBtn.mousePressed(takesnap);
    useBtn = createButton('Use this picture');
    useBtn.mousePressed(classify);
    useBtn.hide();

}

function draw() {
    if (retake) {
        var frame = video.get();
        image(frame,0,0);
    } 
}

[cvalenzuela]

You are getting the current image using

video.get()

That will return a p5.Image. The classifier expects a DOM image or DOM Video

See this: ml5js/ml5-examples#7