TypeError: Illegal constructor.

Hi, I get the following error:

TypeError: Illegal constructor.

when I do the following: const detection = await faceapi.detectSingleFace(video);

video is basically an HTML element (document.getElementById(“video-stream”)) I also tried passing an id to the faceapi.detectSingleFace, same error.

I am using node v10.15.0, webpack, babel and React.

I had an error about tensorflow saying that fs module could not be resolved, but I guess this is not related. Just in case…

Here is the full code:

async function detectFaces(video, canvas, width, height) {
	window.logger.log("detectFaces");
	const detection = await faceapi.detectSingleFace(video);
	console.log(detection);
}

function loadVideo(video, canvas, width, height) {
	window.logger.log("loadVideo");
	navigator.mediaDevices.getUserMedia({
		video: {
			width : width,
			height: height
		}
	}).then(function(stream) {
		video.srcObject = stream;
		video.play();
		video.onloadedmetadata = function() {
			detectFaces(video, canvas, width, height);
		}
	}).catch(function(error) {
		console.log(error);
	});
}

Thank you.

[ciobanudan97]

Yes , I put this in my code and it works: faceapi.env.monkeyPatch({ Canvas: HTMLCanvasElement, Image: HTMLImageElement, ImageData: ImageData, Video: HTMLVideoElement, createCanvasElement: () => document.createElement(‘canvas’), createImageElement: () => document.createElement(‘img’) })

[Alireza17224]

You must set options for that like tinyModel or Yolyo