| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Sall-e Garbage Detection</title> |
| <link rel="website icon" type="png" href="/statics/icon.png" > |
| <link rel="stylesheet" href="/statics/style.css"> |
| </head> |
| <body> |
| <h1>Upload an Image to Simulate Garbage Detection and Robot Navigation</h1> |
| <div id="upload-container"> |
| <input type="file" id="upload" accept="image/*"> |
| </div> |
| <div id="loader" class="loader hidden"> |
| <div id="spinner"></div> |
| |
| </div> |
| <video id="outputVideo" class="outputVideo" controls></video> |
| <a id="downloadBtn" class="downloadBtn">Download Video</a> |
| <h1>Upload an Image to Simulate Front-view Animal Detection</h1> |
| <div id="upload-container2"> |
| <input type="file" id="upload2" accept="image/*"> |
| <button id="checkAnimalBtn" onclick="uploadAnimal()">Check Animal</button> |
| </div> |
| <div id="animal-result"></div> |
| <h1>Upload an Image to For Garbage Classification</h1> |
| <div id="upload-container3"> |
| <input type="file" id="upload3" accept="image/*"> |
| <button id="checkTrashBtn" onclick="uploadTrash()">Classify Garbage</button> |
| </div> |
| <div id="trash-result"></div> |
| <script src="/statics/script.js"></script> |
| </body> |
| </html> |
