tensorflow.js+body-pix.js从摄像头实时扣除复杂人物背景更换其他背景效果代码-html代码-BFW代码库

tensorflow.js+body-pix.js从摄像头实时扣除复杂人物背景更换其他背景效果代码

代码语言：html

所属分类：其他

代码描述：tensorflow.js+body-pix.js从摄像头实时扣除复杂人物背景并更换其他背景效果代码，可实现实时环游世界。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />

<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.4.3.1.min.css">
  <style>
      body {
    background: #20232a;
    color: #ffffff;
}


/* ============== Loading ============== */
@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loading img{
    width: 300px;
    height: 300px;
    animation: App-logo-spin infinite 20s linear;
}
/* ============== End Loading ============== */


.center-content {
    text-align: center;
}
  </style>
  </head>
  <body>
    <div id="root"></div>

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/babel.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/react.production.16.13.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/react-dom.production.16.13.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tf.2.0.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/body-pix@2.0.js"></script>
    <script type="text/babel" >
        function Loading ({ children }) {
    return (
        <div className="loading">
            <img src="//repo.bfw.wiki/bfwrepo/icon/5f7abfbff367a.gif"/>
            <div>{ children }</di.........完整代码请登录后点击上方下载按钮下载查看