Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Virtual Background</title> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/body-pix/dist/body-pix.min.js"></script> | |
| </head> | |
| <body> | |
| <p id="errorText"></p> | |
| <div id="videoContainer"> | |
| <!-- Create a video element for the webcam feed --> | |
| <video id="videoElement" playsinline></video> | |
| <!-- Create a canvas element for the background --> | |
| <canvas id="backgroundCanvas" playsinline hidden></canvas> | |
| </div> | |
| <img id="yourBackgroundImage" src="https://i.postimg.cc/t9PJw5P7/forest.jpg" style="display: none;"> | |
| <button id="startButton">Start Virtual Background</button> | |
| <button id="stopButton" style="display: none;">Stop Virtual Background</button> | |
| <script src="js/index.js"></script> | |
| </body> | |
| </html> | |