trackingjs | Adapt trackingjs to be used by nodejs | Runtime Evironment library

It is the first time that I will deal with a javascript library in rails. In this case, I'm going to use TrackingJS to work with facial recognition, but as I never used it, I don't know how to include it in my project and use it.

I use rails 5.

1. I have downloaded tracking.js and added it to my /src/assets folder

2. In my angular-cli.json file I have added to my scripts:

"scripts": [ "../src/assets/tracking/build/tracking-min.js" ],

1. issue here - In my angular component, I import tracking as follows:

import tracking from 'tracking';

and in the chrome inspection window I can hover over 'tracking' and see all of the properties as shown:

I can even call the ColorImage constructor in the console window! :

However when it tries to execute the constructor in my code I get the error about tracking being undefined:

I had assumed it was because I wasn't passing in the tracking object through the constructor in the traditional DI fashion, but when doing so I got the error that the namespace couldn't be used as a type:

The only other thing I could think of was to try and add the external reference in the main index.html file, but I got an error about strict MIME checking.

To clarify: this is all happening in my angular component constructor (when the tracking methods get exercised)

Any ideas?

I'm still new to Angular development, I'm trying to use https://trackingjs.com/ in my typescript angular app, I have included the type definitions but getting the

MonitorComponent_Host.ngfactory.js? [sm]:1 ERROR TypeError: Cannot read property 'ObjectTracker' of undefined

my code

This is an extension to my previous question available at Count number of faces using javascript. Here my requirement is once an image with one face is detected, the process should be stopped, but in my case it is a never ending loop.

1 is the length

1 face detected

I tried the below codes.

Is there a way that I can count the number of faces in a live camera.

For example I've three persons in front of a webcam and I'm having 2 pages say, Success.html and error .html and as part of the underlying way to judge the redirection to Success or error pages the condition would be, if only one face is detected, it should be sent to success, else, it should be sent to error .

I'm using tracking.js to detect the face in my web page and currently my code is as below.

I'm trying to convert an old JavaScript library into ES6 compatible module. The library is tracking.js (https://github.com/eduardolundgren/tracking.js/blob/master/build/tracking.js) but all my results ends with: Cannot read property 'xxx' of undefined

Is there any easy way to use such module? I'm trying to create just basic example like https://trackingjs.com/docs.html#step-2

Because there is a request for more code. Let me show one of the non-working examples (part of Vue.js component):

I'm porting a web app over to a React app in Android Studio. I'm using an external library (this one: https://trackingjs.com/). And as I'm fairly new to Android Studio and React, I'm sure how to do it correctly. In my webapp I'm just including it with a script tag.

I have the library saved into my project folder, in the same directory as my index.android.js file. I would prefer not to alter the code in tracking.js in any way. I'm not sure how to proceed. This must be a common problem but I've had little luck finding anything that works.