javascript - 网络摄像头不转到页面

Question

我想在网络上进行人脸识别，但没有图像。如何解决这个问题。我不知道问题出在哪里。请帮我

  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)

矩形变量空

标签： javascriptnode.js

Answer 1

<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>