Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" | |
| integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | |
| <title>Live Streaming Demonstration</title> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-lg-8 offset-lg-2"> | |
| <h3 class="mt-3">Live Streaming</h3> | |
| <img src="{{ url_for('video_feed') }}" width="100%" class="mb-3"> | |
| <form action="{{ url_for('capture_document') }}" method="post"> | |
| <button type="submit" class="btn btn-success btn-lg">📸 Capture Image</button> | |
| </form> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% for category, message in messages %} | |
| {% if category == 'error' %} | |
| <p style="color: red;">{{ message }}</p> | |
| {% else %} | |
| <p style="color: green;">{{ message }}</p> | |
| {% endif %} | |
| {% endfor %} | |
| {% endwith %} | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |