getting error in fetching models and libraries

[amitraja4606]

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.

[WebDevSimplified]

You need to be running the project as a server using something like vscode live server extension. This will make it so that the models and such are accessible in the way the library expects them to be.

On Tue, Jun 25, 2019, 4:19 AM amitraja4606 notifications@github.com wrote:

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.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/WebDevSimplified/Face-Detection-JavaScript/issues/2?email_source=notifications&email_token=AJPAR257N6OXTCSCNCB5363P4HPK3A5CNFSM4H3GGL2KYY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4G3PX2GA, or mute the thread https://github.com/notifications/unsubscribe-auth/AJPAR256TO2NTWQMVZJR2LLP4HPK3ANCNFSM4H3GGL2A .

[Fritskee]

@WebDevSimplified Whenever I run it on port 8000 it runs, but it NEVER kills. Even when I run force killing commands to kill all activity on port 8000. Next time I open up the browser, without even initializing a new local server, it will open up again.

Also, if I initialize it on a different port (eg. 1234) it throws errors to load the models and never runs. SUPER confused about this. Please help!

[WebDevSimplified]

This sounds like it is a problem with the server setup you are using. Are you using live server through VSCode or some other server to load the pages?

[Fritskee]

@WebDevSimplified I'm using python -m http.server The default port for this is 8000, but you can also set a specific port. Whenever I set a specific one it stops working...

edit: It's also sad, because it means I cannot add/adjust the code and play around with it. Eg. when I set it up to estimate gender and age, it also doesn't update. (yes I did save the file before running again)

[WebDevSimplified]

I am not familiar with that library, but most likely you need to configure the server so that the models are accessible via url as well.

[Fritskee]

what do you mean accessible via urls? I'm giving it the direct path to the models. Even when I delete the entire folder with everything in it, kill my localhost:8000 (from terminal) and then check localhost:8000 it keeps connecting.

[WebDevSimplified]

The face-api library works by accessing the models via a URL, so your models must be available at that URL. For example localhost:8000/models/model_name.json. If your server does not also serve the models via URL it will not work. The path to the load models function is just a relative path to the current URL you are on.

[Fritskee]

@WebDevSimplified solved, for some reason they were cached in my chrome browser. When I do incognito it works correctly, or when I do "disable cache" in dev tools it also works as it should...

[WebDevSimplified]

That makes sense. You can also press ctrl + r to do a hard refresh which clears your cache.

[duttanaman1]

I am running a file using xampp server coded in php. I am facing this issues. Is there any way that the face.api work in xampp server

[VikramKharvi]

Any workaround if we wish to run it without the server?

[d3M0N-wq]

Any workaround if we wish to run it without the server?

no use xampp server. https://www.apachefriends.org/download.html

[duclm3]

just install the live server in visual code https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer