project is not detecting models

I have everything as per youtube tutorial, still I get this error:
face-api.min.js:1 Uncaught (in promise) Error: Based on the provided shape, [1,1,256,256], the tensor should have 65536 values but has 39252
at D (face-api.min.js:1)
at Ge (face-api.min.js:1)
at e (face-api.min.js:1)
at jc (face-api.min.js:1)
at face-api.min.js:1
at Array.forEach ()
at face-api.min.js:1
at Array.forEach ()
at face-api.min.js:1
at face-api.min.js:1

Any suggestions?

Even if i select the same image, it is also not recognised, why ???

I used console.log() inside the video eventListener and I got nothin which means the video element is not picking up its event. it does not matter if i use video.addEventListener('play') or video.addEventListener('playing') in both cases am getting no response and none my console statement. Moreover, there are no errors displayed in the console tab.
My camera is working too. I allowed all permission for enabling the camera access and also on top on chrome it says that the camera is being in use. Means everything is fine the main problem is in Event.

video.addEventListener('play', () => {
setInterval(async () => {
const detections = await faceapi.dectectAllFaces(video,
new faceapi.TinyFaceDetectorOptions()).withFaceLandmarks
().withFaceExpressions()
console.log(detections)
}, 100)
})

and when i reload chrome and check inspect the project it shows this errror ( Uncaught (in promise) TypeError: faceapi.dectectAllFaces is not a function) the code is above
please i need yout help

Hi,
Thank for your work!
I am faced with Error, that you can see above.

Could you help with this?

Best Regards,
Bezly

Hi!
I got error like this:
Failed to load resource: the server responded with a status of 404 (Not Found)
face-api.min.js:1 Uncaught (in promise) Error: failed to fetch: (404) Not Found, from url: http://127.0.0.1:5501/models/tiny_face_detector_model-weights_manifest.json
at face-api.min.js:1
at face-api.min.js:1
at Object.next (face-api.min.js:1)
at n (face-api.min.js:1)
:5501/models/face_landmark_68_model-weights_manifest.json:1 Failed to load resource: the server responded with a status of 404 (Not Found)
:5501/models/face_recognition_model-weights_manifest.json:1 Failed to load resource: the server responded with a status of 404 (Not Found)
:5501/models/face_expression_model-weights_manifest.json:1 Failed to load resource: the server responded with a status of 404 (Not Found)

I clone the repository without changing anything, not sure what's wrong.

face-api.min.js:1 Registration of backend webgl failed
t.registerBackend @ face-api.min.js:1
face-api.min.js:1 Error: WebGL is not supported on this device
at new t (face-api.min.js:1)
at face-api.min.js:1
at t.registerBackend (face-api.min.js:1)
at face-api.min.js:1
at face-api.min.js:1
at face-api.min.js:1
t.registerBackend @ face-api.min.js:1
script.js:6 Uncaught TypeError: Cannot read property 'loadFromUri' of undefined
at script.js:6
favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found)
DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

My question is simple and straightforward. How would you use this file in a React based application? I'm creating a video chat app in MERN where I need to use this API but how would I use the face-api.min.js file in React? Is there a way to import it and load the models? Please guide me, thank you!

I can see my cam video but facedetection not work? what is this issue

navigator.getUserMedia

navigator.getUserMedia is now deprecated and is replaced by navigator.getUserMedia. To fix this bug replace all versions of navigator.mediaDevices.getUserMedia with navigator.mediaDevices.getUserMedia

should be

navigator.getUserMedia is now deprecated and is replaced by navigator.mediaDevices.getUserMedia. To fix this bug replace all versions of navigator.getUserMedia with navigator.mediaDevices.getUserMedia

Could you tell me, what is the event name that is fired if face is detected properly?
Also it will be better if you show the code to capture the image if face is detected.
Thank you.

Hi, I try to use in an other folder al root dir called /face but I think this error is relate to other reasons:
Console log:
face-api.min.js:1 Uncaught (in promise) Error: Based on the provided shape, [25], the tensor should have 25 values but has 21
at D (face-api.min.js:1)
at Ge (face-api.min.js:1)
at e (face-api.min.js:1)
at jc (face-api.min.js:1)
at face-api.min.js:1
at Array.forEach ()
at face-api.min.js:1
at Array.forEach ()
at face-api.min.js:1
at face-api.min.js:1

When i give an access to my webcam, it works 5 sec and then shut down and nothing happening.

it keeps giving me that error

error it is not working i saw in the previous issues that you said to connect it to the sever i i connect it to local server and it is still not working.

face-api.min.js:1 Fetch API cannot load file:///C:/models/tiny_face_detector_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Fetch API cannot load file:///C:/models/face_landmark_68_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Fetch API cannot load file:///C:/models/face_recognition_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Fetch API cannot load file:///C:/models/face_expression_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Uncaught (in promise) TypeError: Failed to fetch
at face-api.min.js:1
at face-api.min.js:1
at Object.next (face-api.min.js:1)
at face-api.min.js:1
at new Promise ()
at p (face-api.min.js:1)
at lp (face-api.min.js:1)
at face-api.min.js:1
at face-api.min.js:1
at Object.next (face-api.min.js:1)

thank you for the help!.

I have been unable to get this to run on any mobile device. Any helpful hints from others that have had to deal with this ?

Hello, on your Youtube channel you didn't explain how the code connects to the API. if you clone or download it from GitHub.. maybe install or something. Please help.

Hi!.
So i dont know why, but <script defer src="../face-api.min.js" type="text/html"></script> didnt work for me like in this issue.

But i did like that:

const fapi = require('../../face-api.min')
...
Promise.all([fapi.nets.tinyFaceDetector.loadFromUri('../../models'),
  fapi.nets.faceLandmark68Net.loadFromUri('../../models')
])

And it works but in browser i get an error: Error: failed to fetch: (404) Not Found, from url: http://localhost:3000/models/tiny_face_detector_model-weights_manifest.json

Structure of my project is

---------->master
--------------->examples
-------------------->example1
------------------------->client.js (analog of your script.js)
--------------->models
------------------->your_models
--------------->html
-------------------->index.html

What am i doing wrong?

Hi, I use Firefox and the camera is not showing nor loading. Could someone help on this? This is shown when I inspect the console.

diff --git a/js/jquery.mobile.js b/js/jquery.mobile.js
index 6200fe6..3a4625c 100644
--- a/js/jquery.mobile.js
+++ b/js/jquery.mobile.js
@@ -19,12 +19,6 @@ define([
'./jquery.mobile.listview.filter',
'./jquery.mobile.listview.autodividers',
'./jquery.mobile.nojs',

•   './jquery.mobile.forms.checkboxradio',
  

•   './jquery.mobile.forms.button',
  

•   './jquery.mobile.forms.slider',
  

•   './jquery.mobile.forms.textinput',
  

•   './jquery.mobile.forms.select.custom',
  

•   './jquery.mobile.forms.select',
    './jquery.mobile.buttonMarkup',
    './jquery.mobile.controlGroup',
    './jquery.mobile.links',
  

face-api.min.js:1 Uncaught (in promise) Error: Failed to link vertex and fragment shaders.
at Wr (face-api.min.js:1)
at t.createProgram (face-api.min.js:1)
at face-api.min.js:1
at face-api.min.js:1
at t.getAndSaveBinary (face-api.min.js:1)
at t.compileAndRun (face-api.min.js:1)
at t.conv2dWithIm2Row (face-api.min.js:1)
at t.conv2d (face-api.min.js:1)
at Zt.engine.runKernel.x (face-api.min.js:1)
at face-api.min.js:1

Hi thanks for your sharing, but I don't know why this can't work.
Could you help me? Any advice will be appreciate!

/script.js
faceapi is not defined browser
'faceapi' is not defined. (no-undef) eslint

Incredible, did you implement the forward propagation of a neural network using JavaScript?

null object output when we put on a mask. Please find a way to change the weights on the contours so as to detect face with mask on.

Hi, I am experiencing an issue. When I Downloaded the files and ran it I got a blank white screen pls help

Do you have an Angular code?

@WebDevSimplified
After getting the detected face.how to match it with the image stored in data base.pls provide some sample code.Thanks!

const detections = await faceapi.detectAllFaces(video, new
faceapi.TinyFaceDetectorOptions()).withFaceLandmarks()
.withFaceExpressions()

returns null array.

Clone project and start server, u'll get an error like

face-api.min.js:1 Uncaught (in promise) Error: Based on the provided shape, [1,1,256,256], the tensor should have 65536 values but has 39252
at D (face-api.min.js:1)
at Ge (face-api.min.js:1)
at e (face-api.min.js:1)
at jc (face-api.min.js:1)
at face-api.min.js:1
at Array.forEach ()
at face-api.min.js:1
at Array.forEach ()
at face-api.min.js:1
at face-api.min.js:1

Hello I would like to ask if it is possible to console log only the top emotion that it is detecting. Thanks in advance!

While using face-api.min.js and follwing the instruction,I landed up with following error of could not fetch the api and it requires http or https in the url to connect but file is store in my system.

Hi,

I just wanted to ask if you have ever experienced frame lag/ video lag while you where implementing or testing your code.

Hello, I would like to know why am I getting this error when launching it with the live server of Visual Studio Code:

navigator.getUserMedia is not a function .

Thank you in advance

I´m totally new to this and can´t fix the problem(s)...
Any ideas?

Hi There,
I have implemented your code and run it on live server using vscode. The issue I am having is that the face detection is very slow and not nearly responsive enough for a live feed as I can see in your Youtube video. Do you have any ideas as to why it would be so slow?

I have a i7-6700HQ with a GTX960M on the machine I am running it on. I can't see it being a hardware issue on my front.

Had to change the startVideo function to just make the webcam start working on the html file

function startVideo(){
navigator.mediaDevices.getUserMedia(
{ video: {} })
.then(function (stream) {
video.srcObject = stream;
})
err => console.error(err)
}

The Faceapi is not working. What can I do to make it work?
I'm getting this error.
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource

I'm trying to run in a server. Already fixed the navigator.getUserMedia bug and installed SSL, but now I'm gettin "Uncaught (in promise) DOMException: Could not start video source". Any help?

how can I get the detected faces in photos.
example:
I would like to save faces that were detected in the video

thanks

Hi! I'm trying to evaluate the face expressions from a video without run it on the html. So I first started to divide the video into frames and now I'm trying to evaluate the expressions on ecah frame and just give the output of that.
So this is my frame extarction function:
function extractFramesFromVideo(){
let interval = 1 / 25;
let currentTime = 0;
while(currentTime < video.duration) {
context.drawImage(video, 0, 0, w, h);
var img = new Image();
img.src = canvas.toDataURL();
console.log(img);
let base64ImageData = canvas.toDataURL();
frames.push(base64ImageData);
console.log(currentTime)
currentTime += interval;
}
tried to use your function of faceapi.buffertoImage() but it tells me that a blob is expected. Could you give ma any tips on how to detect expressions on the images?

HI there, my chrome is unable to show the camera, i mean my camera is not opening on chrome.

I tried cloning the git, opening in a directory in windows and opening the files of the form file://C:....
in Chrome (like index.html) and ran into http: and CORS(?) errors how do I run this project locally on my browser?

Hi, I downloaded your code and face-api.js library too. But when running index.html in browser I am getting blank page and below error.

face-api.min.js:1 Fetch API cannot load file:///C:/models/tiny_face_detector_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Fetch API cannot load file:///C:/models/face_landmark_68_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Fetch API cannot load file:///C:/models/face_recognition_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Fetch API cannot load file:///C:/models/face_expression_model-weights_manifest.json. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ face-api.min.js:1
face-api.min.js:1 Uncaught (in promise) TypeError: Failed to fetch
at face-api.min.js:1
at face-api.min.js:1
at Object.next (face-api.min.js:1)
at face-api.min.js:1
at new Promise ()
at p (face-api.min.js:1)
at lp (face-api.min.js:1)
at face-api.min.js:1
at face-api.min.js:1
at Object.next (face-api.min.js:1)

where am I missing something?
Thanks in advance.

This is my directory:

error in Firefox

TypeError: navigator.getUserMedia is not a function

Just a simple clone with adding a dot before '/models' is not working. Always returns a null array.