Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Orpheus‑3B ONNX on Hugging Face Spaces</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <!-- Transformers.js --> | |
| <script type="module" src="https://cdn.jsdelivr.net/npm/@xenova/transformers@2.17.2/dist/transformers.min.js"></script> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <!-- Downloading modal --> | |
| <div id="modal" class="modal hidden"> | |
| <div class="modal-content"> | |
| <p id="modal-text">Loading model... 0%</p> | |
| <div class="progress-bar"> | |
| <div id="progress-fill" class="progress-fill"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <h1>Orpheus‑3B Text Generation</h1> | |
| <textarea id="input-text" placeholder="Enter your prompt here…" rows="4"></textarea> | |
| <button id="generate-btn">Generate</button> | |
| <div id="loading-text" class="loading-text hidden"></div> | |
| <pre id="output-text"></pre> | |
| </div> | |
| <script type="module" src="index.js"></script> | |
| </body> | |
| </html> | |