Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Vision Model Example</title> | |
| <link rel="stylesheet" href="./index.css"> | |
| </head> | |
| <body> | |
| <h2>Test Page with Image Upload</h2> | |
| <p>Step 1: Upload an Image</p> | |
| <input type="file" id="image-input" accept="image/*" /> | |
| <canvas id="image-canvas" style="display: none;"></canvas> | |
| <p>Step 2: Initialize Model and Download Model</p> | |
| <div class="download-container"> | |
| <select id="model-selection"></select> | |
| <button id="download">Download</button> | |
| </div> | |
| <p id="download-status" class="hidden">Initializing...</p> | |
| <p>Step 3: Chat</p> | |
| <div class="chat-container"> | |
| <div id="chat-box" class="chat-box"></div> | |
| <div id="chat-stats" class="chat-stats hidden"></div> | |
| <div class="chat-input-container"> | |
| <input type="text" id="user-input" placeholder="Type a message..." /> | |
| <button id="send" disabled>Send</button> | |
| </div> | |
| </div> | |
| <script src="./utils.js"></script> | |
| <script type="module" src="./vision_model.js"></script> | |
| </body> | |
| </html> | |