change-background-in-video.html

<html>
  <head>
    <title>Remove Background from images</title>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.2"></script>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/body-pix@2.0"></script>

    <style>
      #canvas {
        background-image: url(http://127.0.0.1:8080/sea.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 10px;
      }
    </style>

 </head>

  <body>
    <div id="container">
        <video id="webcam" autoplay width="640" height="500"></video>
        <canvas id="canvas"></canvas>
    </div>
  </body>
  
  <script src="change-background-in-video-script.js" defer></script>
        
</html>