首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >网络摄像头无法转到页面

网络摄像头无法转到页面
EN

Stack Overflow用户
提问于 2019-11-04 05:37:40
回答 1查看 20关注 0票数 0

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

代码语言:javascript
运行
复制
  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)

rect变量null

EN

回答 1

Stack Overflow用户

发布于 2019-11-04 20:01:34

代码语言:javascript
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58684842

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档