问题标签 [tracking.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
50 浏览

functional-programming - 网站功能,单选按钮选择的不同库

我正在开发一个基本上使用 Javascript(主要是网络摄像头库)的项目。我想要实现的是管理何时何地出于特定目的使用每个库。

为了引导您完成,首先我提供了不同的功能,这些功能可能会根据从单选按钮中选择的内容起作用(参见图 1)。

例如,在默认模式下没有应用任何功能,但是在第二个单选按钮(人脸跟踪模式)上,我想访问一个特定的库并从给定的输入中检测人脸——这很有效。

这里的问题是我想:

1)停止跟踪面部,2)清除画布上的所有内容,

在更改无线电输入选择的情况下。

我解决这个问题的第一个想法是创建一个函数,每次我调用它时都会这样做(当我更改模式单选按钮时)-> 查看最后一个函数 resetCanvasFeatures(),它基本上会使用类似 faceTracking.stop();

我不确定以下想法(线程或 jquery)是否会有所帮助。

如果您有任何建议,请告诉我。

HTML 代码:

JAVASCRIPT 文件:

数字

图 1:index.html

0 投票
1 回答
3414 浏览

javascript - 任务“服务”不在您的 gulpfile 中

我正在尝试安装 trackingJs 并正在设置我的环境,但我收到此错误消息:Task 'serve' is not in your gulpfile。如果有人以前使用过它并且可以详细建议我如何正确设置我的环境,我正在努力设置它。我真的很感激。

这是该网站的链接:https ://trackingjs.com/docs.html

抛出错误;^

0 投票
1 回答
355 浏览

python - Docker - 无法获取用户网络摄像头:getUserMedia() 不再适用于不安全的来源

什么有效

我在Flask中创建了一个简单的 Web 应用程序,它负责return render_template("index.html")在 Web 浏览器访问根节点时操作一个简单的应用程序。

index.html 是一个简单的页面,它使用tracking.js来获取用户网络摄像头并在实时视频流中跟踪他/她的脸。

打开cmd并输入python app.py结果Running on http://127.0.0.1:80/

访问上述 URL 会导致页面正确显示,该页面要求我允许使用相机,打开它并在实时视频源中正确跟踪我的脸。所以到这里一切都很好。

什么不起作用

当我使用Docker对我的应用程序进行 dockerize 时,就会出现我遇到的问题。docker-machine ip是 192.168.99.100

打开 cmd 并输入:docker run -p 4000:80 my_face_track_app结果:Running on http://0.0.0.0:80/

访问 192.168.99.100:4000 会导致正确显示,index.html但不再要求我获得相机权限并检查 JS 控制台我读到以下异常:

这里是完整的错误日志:

在此处输入图像描述

我知道错误告诉我我没有在 HTTPS 中提供页面。

有没有其他人遇到过这个问题?该问题的正确解决方案或可能的解决方法是什么?任何帮助将不胜感激,在此先感谢您

我为解决问题而尝试做的事情

由于需要页面的 HTTPS 服务才能让 JS 执行该功能getUserMedia(),因此我通过修改 app.py 来为我的 Flask 应用程序提供 SSL 证书,如下所示:

然后我将构建一个新图像的应用程序 docker 化。打字:

结果是

所以是的,这里 HTTPS 是 ON:问题是 HTTPS Flask App 的端口 80 映射到docker-machine ip192.168.99.100 的端口 443。

尝试访问 192.168.99.100:443 不起作用,并且没有显示任何内容。

有人知道如何做到这一点吗?

0 投票
1 回答
726 浏览

javascript - Vue.js 跟踪.js

我正在尝试在我的 vueJS 应用程序中使用 tracking.js 库。

我已经像这样安装了软件包。

然后我在我的 main.js 文件中定义库

然后在我的组件中,我试图像这样使用库

我觉得我错误地调用了图书馆,但错误信息是

TypeError: this.$tracking.ObjectTracker 不是构造函数

0 投票
0 回答
28 浏览

javascript - 如何一次跟踪多种颜色?

我发现了这个很棒的代码示例,其中使用 p5js 和 tracking.js 跟踪颜色

https://kylemcdonald.github.io/cv-examples/ContourDetection-trackingjs/

如果我点击屏幕上的某个地方,我点击的颜色的每个点都会被跟踪。如果我再次点击其他地方,新颜色就会被跟踪。所以一次只能跟踪一种颜色。现在,如果我想一次跟踪几种颜色,我该怎么办?

这是源代码:

我尝试在绘图中创建一个新目标和 setTarget,并尝试在设置中进行第二次跟踪,但没有任何效果。

也许有人可能知道该怎么做?