Arsh9210 commited on
Commit
93b6955
·
verified ·
1 Parent(s): 1d67081

Added inference_scripts_vllm/unified_s2s_scripts/web/index.html

Browse files
inference_scripts_vllm/unified_s2s_scripts/web/index.html ADDED
@@ -0,0 +1,88 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Cascaded Speech-to-Speech Demo</title>
7
+ <link rel="stylesheet" href="/styles.css" />
8
+ </head>
9
+ <body>
10
+ <main class="app">
11
+ <header class="hero">
12
+ <h1>Cascaded Speech-to-Speech Demo</h1>
13
+ <p>Upload or record speech, then use the Audex vLLM model for ASR, text reasoning, and TTS. The bundled Audex causal speech decoder streams the final speech.</p>
14
+ </header>
15
+
16
+ <section class="model-row panel">
17
+ <label class="field">
18
+ <span>Model</span>
19
+ <select id="model-select"></select>
20
+ </label>
21
+ <div id="model-state" class="status-pill">Starting...</div>
22
+ </section>
23
+
24
+ <section class="grid">
25
+ <section class="panel controls">
26
+ <label class="checkbox">
27
+ <input id="auto-e2e" type="checkbox" checked/>
28
+ <span>Auto full end-to-end after audio input</span>
29
+ </label>
30
+
31
+ <label class="checkbox">
32
+ <input id="enable-reasoning" type="checkbox" checked/>
33
+ <span>Enable reasoning</span>
34
+ </label>
35
+
36
+ <div class="field">
37
+ <span>Record or Upload Audio</span>
38
+ <div class="audio-inputs">
39
+ <input id="audio-file" type="file" accept="audio/*" />
40
+ <button id="record-btn" type="button" class="secondary">Record Audio</button>
41
+ </div>
42
+ <div id="audio-name" class="hint">No audio selected.</div>
43
+ </div>
44
+
45
+ <label class="field">
46
+ <span>Text Prompt</span>
47
+ <textarea id="prompt-input" rows="4"></textarea>
48
+ </label>
49
+
50
+ <label class="field">
51
+ <span>Text Input</span>
52
+ <textarea id="text-input" rows="5" placeholder="Type text here, or transcribe audio."></textarea>
53
+ </label>
54
+
55
+ <div class="button-stack">
56
+ <button id="transcribe-btn" type="button" class="secondary">Transcribe Audio</button>
57
+ <button id="generate-response-btn" type="button" class="secondary">Generate Response</button>
58
+ <button id="generate-audio-btn" type="button" class="secondary">Generate Audio</button>
59
+ <button id="clear-btn" type="button">Clear</button>
60
+ </div>
61
+ </section>
62
+
63
+ <section class="panel outputs">
64
+ <label class="field">
65
+ <span>Status</span>
66
+ <input id="status-box" type="text" readonly />
67
+ </label>
68
+
69
+ <label class="field">
70
+ <span>Text Output</span>
71
+ <textarea id="text-output" rows="16" readonly></textarea>
72
+ </label>
73
+
74
+ <div class="field">
75
+ <span>Speech Output</span>
76
+ <div class="speech-card">
77
+ <canvas id="visualizer" width="720" height="180"></canvas>
78
+ <div id="audio-state" class="hint">Idle</div>
79
+ <audio id="audio-output" controls></audio>
80
+ </div>
81
+ </div>
82
+ </section>
83
+ </section>
84
+ </main>
85
+
86
+ <script type="module" src="/app.js"></script>
87
+ </body>
88
+ </html>