Spaces:

zoharcozmox
/

Orpheus_TTS

Running

zoharcozmox commited on May 9

Commit

d44b371

verified ·

1 Parent(s): 00054da

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -4,17 +4,29 @@
   <meta charset="UTF-8" />
   <title>Orpheus‑3B ONNX on Hugging Face Spaces</title>
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <!-- Include Transformers.js from CDN -->
   <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>
   <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" disabled>Generate</button>
     <pre id="output-text"></pre>
   </div>
   <script type="module" src="index.js"></script>
 </body>
 </html>

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