Socket.io 使用 leapjs-rigged-hand 时出现问题

Socket.io issue while using leapjs-rigged-hand

我正在为 Leap motion 控制的机器人制作界面。从服务器端 node.js,我正在发出一个事件 'action',其中包含要在 HTML 页面上显示的数据。我正在使用 leapjs-rigged-hand 进行可视化 (https://github.com/leapmotion/leapjs-rigged-hand)

  <body>
      <div id="display"><span id="direction">undefined</span></div>
  </body>

  <script type="text/javascript">
        var socket = io();
        socket.on('action', function(data) {
              $('$display').html(data);
        });

        var controller = new Leap.Controller;
        (controller).use('riggedHand', {
              scale: 1.5
        })
        .connect();

        controller.on('riggedHand.meshAdded', function(handMesh, leapHand){
              handMesh.material.opacity = 1;
              handMesh.material.color.set('#7b4b2a');
              handMesh.material.ambient = handMesh.material.color;
        });
  </script>

上面显示的是代码的相关部分。问题是套接字回调仅在第一个 "riggedHand.meshAdded" 事件被触发之前起作用。

如何让它们同时工作?

谢谢

问题已解决。在客户端和服务器端使用 {background: true} 初始化控制器