Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>🛡️ Real-Time Mask Detector</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1>Face Mask Detection</h1> | |
| <p>Live webcam preview - see if you're wearing a mask 😷</p> | |
| </header> | |
| <div class="video-wrapper"> | |
| <video id="webcam" autoplay playsinline muted></video> | |
| <div class="overlay"> | |
| <span id="status">Waiting for prediction…</span> | |
| </div> | |
| </div> | |
| <div class="controls"> | |
| <button id="startBtn">Start Webcam</button> | |
| <button id="stopBtn" disabled>Stop Webcam</button> | |
| </div> | |
| <footer> | |
| <small>Powered by your VGG16 model - Maverick</small> | |
| </footer> | |
| </div> | |
| <script src="{{ url_for('static', filename='script.js') }}"></script> | |
| </body> | |
| </html> | |