Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Candy Label Scanner</title> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/tesseract.min.js"></script> | |
| <style> | |
| #output { | |
| font-size: 20px; | |
| margin-top: 20px; | |
| } | |
| .red { | |
| color: red; | |
| } | |
| .yellow { | |
| color: yellow; | |
| } | |
| .green { | |
| color: green; | |
| } | |
| video { | |
| width: 100%; | |
| height: auto; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Candy Label Scanner</h1> | |
| <video id="video" autoplay></video> | |
| <button id="capture">Capture</button> | |
| <canvas id="canvas" style="display: none;"></canvas> | |
| <div id="output"></div> | |
| </body> | |
| </html> | |