|
|
<!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> |
