繁体   English   中英

在node.js上使用tracking.js

[英]Use tracking.js on node.js

我正在尝试使用node.js对图像进行一些颜色跟踪。 我发现tracking.js非常适合这份工作。 我已经在浏览器中解决了问题。 当我试图将事情移到node.js时,我意识到tracking.js依赖于DOM元素将图像转换为矩阵等。

我的用例看起来与此类似(来自tracking.js示例):

window.onload = function() {
  var img = document.getElementById('img');
  var demoContainer = document.querySelector('.demo-container');

  var tracker = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']);

  tracker.on('track', function(event) {
    event.data.forEach(function(rect) {
      window.plot(rect.x, rect.y, rect.width, rect.height, rect.color);
    });
  });

  tracking.track('#img', tracker);

  window.plot = function(x, y, w, h, color) {
    console.log('found ',color,' at ',x,y,w,h) // these results would be used in node.js
    var rect = document.createElement('div');
    document.getElementById('bdy').appendChild(rect);
    rect.classList.add('rect');
    rect.style.border = '2px solid ' + color;
    rect.style.width = w + 'px';
    rect.style.height = h + 'px';
    rect.style.left = (img.offsetLeft + x) + 'px';
    rect.style.top = (img.offsetTop + y) + 'px';
  };
};

据我了解,他们提出了一个在回购中工作的gulp测试,但我无法在任何地方找到合适的模块。

是否有一种优雅的替代方法可以在node.js上运行tracking.js?

最新的提交已经解决了这个问题(来自问题#47 )。

作为额外的解决方案 - 你可以看看Webgazer跟踪器 - 这个提供开箱即用的眼动追踪。 您还可以选择要使用的跟踪库(包括跟踪选项的tracking.js)。

UPD

我在这个演示中创建了一个版本的tracking.js在一个工作者中吵架 - https://plnkr.co/edit/5sRi4H7nhypRy610Nx4K?p=preview ,这不是一个完全没有Node.js窗口的环境,但接近于。 希望可能有所帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM