无法使用 tracking.js 追踪眼睛
Unable to track eyes using tracking.js
我正在制作一款注视游戏。我已经使用 meteorjs、trackingjs 来跟踪东西和 peerjs 来进行流式传输。在旧版本的 trackingjs 中,眼睛检测功能已经存在,但在新版本中只有面部检测功能可用。
这是仅跟踪面部的演示应用程序。
http://sushantbaj.meteor.com/
这是我的 link 到 github 回购:
https://github.com/sushant12/eye-staring
在trackingjs的文档中,据说
In order to use object tracker, you need to instantiate the
constructor passing the classifier data to detect:
var objects = new tracking.ObjectTracker(['face', 'eye', 'mouth']);
所以我传递了 'eye' 作为参数,但它没有跟踪我的眼睛。
var tracker = new tracking.ObjectTracker('eye');
tracker.setInitialScale(4);
tracker.setStepSize(2);
tracker.setEdgesDensity(0.1);
tracking.track('#video', tracker, { camera: true });
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
event.data.forEach(function(rect) {
context.strokeStyle = '#a64ceb';
context.strokeRect(rect.x, rect.y, rect.width, rect.height);
context.font = '11px Helvetica';
context.fillStyle = "#fff";
context.fillText('x: ' + rect.x + 'px', rect.x + rect.width + 5, rect.y + 11);
context.fillText('y: ' + rect.y + 'px', rect.x + rect.width + 5, rect.y + 22);
});
});
问题已解决
var tracker = new tracking.ObjectTracker('eye');
tracker.setStepSize(1.7);
tracking.track('#video', tracker, { camera: true });
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
event.data.forEach(function(rect) {
context.strokeStyle = '#a64ceb';
context.strokeRect(rect.x, rect.y, rect.width, rect.height);
});
});
我正在制作一款注视游戏。我已经使用 meteorjs、trackingjs 来跟踪东西和 peerjs 来进行流式传输。在旧版本的 trackingjs 中,眼睛检测功能已经存在,但在新版本中只有面部检测功能可用。 这是仅跟踪面部的演示应用程序。 http://sushantbaj.meteor.com/ 这是我的 link 到 github 回购: https://github.com/sushant12/eye-staring 在trackingjs的文档中,据说
In order to use object tracker, you need to instantiate the constructor passing the classifier data to detect:
var objects = new tracking.ObjectTracker(['face', 'eye', 'mouth']);
所以我传递了 'eye' 作为参数,但它没有跟踪我的眼睛。
var tracker = new tracking.ObjectTracker('eye');
tracker.setInitialScale(4);
tracker.setStepSize(2);
tracker.setEdgesDensity(0.1);
tracking.track('#video', tracker, { camera: true });
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
event.data.forEach(function(rect) {
context.strokeStyle = '#a64ceb';
context.strokeRect(rect.x, rect.y, rect.width, rect.height);
context.font = '11px Helvetica';
context.fillStyle = "#fff";
context.fillText('x: ' + rect.x + 'px', rect.x + rect.width + 5, rect.y + 11);
context.fillText('y: ' + rect.y + 'px', rect.x + rect.width + 5, rect.y + 22);
});
});
问题已解决
var tracker = new tracking.ObjectTracker('eye');
tracker.setStepSize(1.7);
tracking.track('#video', tracker, { camera: true });
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
event.data.forEach(function(rect) {
context.strokeStyle = '#a64ceb';
context.strokeRect(rect.x, rect.y, rect.width, rect.height);
});
});