Question

对于使用JavaScript的网络应用程序，我需要制作三星Galaxy S4的Eye Scroll（虽然名字中有眼睛，但实际上是我相信的头部）。我使用getUserMedia()获取输入视频流，但我真的不知道从哪里可以看到...我看了

但似乎我无法使用其中任何一种来跟踪我的头部（上下）。另外，我不想使用OpenCV联系Python服务器等...我只是想在网页上实时跟踪头部，然后从中做一些事情。如果我知道如何很好地使用JavaScript，我会继续......

谢谢

Answer 1

我认为您所追求的答案是上述链接之一。您可以使用headtrackr.js轻松实现您所使用的功能。

此javascript库可让您检测并在2d（faceTracking事件）或估计的3d（来自headTracking事件）中跟踪头部。

要开始使用，只需下载headtrackr.js并将其包含在您的项目中：

<script src="js/headtrackr.js"></script>

以下代码将启动一个带有视频元素（媒体流）的headtrackr和一个将复制帧的canvas元素（适合调试）

<canvas id="inputCanvas" width="320" height="240" style="display:none"></canvas>
<video id="inputVideo" autoplay loop></video>
<script type="text/javascript">
  var videoInput = document.getElementById('inputVideo');
  var canvasInput = document.getElementById('inputCanvas');

  var htracker = new headtrackr.Tracker();
  htracker.init(videoInput, canvasInput);
  htracker.start();
</script>

使用JavaScript滚动眼动追踪

1 个答案: