index.html


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
        <script src="node_modules/@mediapipe/camera_utils/camera_utils.js"></script>
        <script src="node_modules/@mediapipe/control_utils/control_utils.js"></script>
        <script src="node_modules/@mediapipe/drawing_utils/drawing_utils.js"></script>
        <script src="node_modules/@mediapipe/face_mesh/face_mesh.js"></script>
        <link rel="stylesheet" href="styles.css">
        <link rel="stylesheet" href="minireset.min.css">
        <title>
        </title>
        <body>
            <div class ="lol">ROYAL FACE ORCHESTRA</div>
            <video class="input_video"></video>
            <canvas class="output_canvas" width="1280px" height="720px"></canvas>
    </body>
    <script src="face.js"></script>
</html>