网络摄像头无法转到页面

我想在网络上进行人脸识别,但是没有图像。 如何解决此问题。我不知道确切的位置。  请帮助我

  function view() {

  document.getElementById("face-login").style.display = 'none';

  stream();
  logger("Wait...");

  socket.on("stream",function (data) {
    var img = document.getElementById("img");
    img.style.display = 'block';
    img.src = data['img'];

    var devRect = document.getElementById("face-detect");
    var rect = data['rectFace'];
    if(Object.keys(rect).length !== 0) {
      devRect.style.display = 'block';
      devRect.style.top = rect.y + 'px';
      devRect.style.left = rect.x + 'px';
      devRect.style.width = rect.w + 'px';
      devRect.style.height = rect.h + 'px';

    } else {
      devRect.style.display = 'none';
    }
  });

  socket.on("stream-end",function (data) {
    $("#face-login").hide();
    $("#face-detect").hide();
    logger("Verifying user...");
    socket.emit("verify-user",'');
  });

  socket.on("verify-user",function (data) {
    $("#face-detect").hide();
    logger("verified," + data['name'] + ",accouracy: " + data['accouracy']);
    console.log(data)
    if(data['id']) {
      $("#face-login").hide();
      $.post("/login",{'auth_key': data['auth_key']},function(data) {
        location.reload();
      })
    } else {
      $("#face-login").show();
    }
  });
}

没有错误,但不起作用

if(Object.keys(rect).length!== 0)

矩形变量为空

zyai558 回答:网络摄像头无法转到页面

<div class="realtime-face-wrap">
          <img id="img" class="realtime-face">
          <div id="face-detect" class="face-detect"></div>
        </div>
        <div class="card-block">
<button onclick="view(); return false" class="btn btn-primary" id="face-login">Face Login</button>
本文链接:https://www.f2er.com/3170046.html

大家都在问