vocagateway/app/templates/test_panel/test_card.html at fe2aea4d15d43136db4236dcf048f29d7f384910 · VocaHQ/vocagateway · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<div class="card" id="test-card">
  <div class="section-heading">
    <h2>Test dictation</h2>
  </div>
  <p class="muted">Record a short clip. Audio is sent to this gateway machine and transcribed
     with your selected speech-to-text model.</p>
  <div class="test-controls" id="recorder-controls"
       data-maximum-seconds="{{ maximum_duration_seconds }}">
    <label class="test-field">
      <span>Language</span>
      <select id="test-language">
        {# Same languages, in the same order, as TranscriptionLanguage on iOS and
           Android, so anything a client can ask for can also be tested here. #}
        {# Hidden by syncTestLanguages() for a model whose decoder rejects
           "auto" outright rather than picking a language itself. #}
        <option value="auto" data-auto-language>Detect language</option>
        <option value="ar">Arabic</option>
        <option value="as">Assamese</option>
        <option value="bn">Bengali</option>
        <option value="nl">Dutch</option>
        <option value="en">English</option>
        <option value="fr">French</option>
        <option value="de">German</option>
        <option value="gu">Gujarati</option>
        <option value="hi">Hindi</option>
        <option value="it">Italian</option>
        <option value="ja">Japanese</option>
        <option value="kn">Kannada</option>
        <option value="ko">Korean</option>
        <option value="ml">Malayalam</option>
        <option value="zh">Mandarin Chinese</option>
        <option value="mr">Marathi</option>
        <option value="ne">Nepali</option>
        <option value="pl">Polish</option>
        <option value="pt">Portuguese</option>
        <option value="pa">Punjabi</option>
        <option value="ru">Russian</option>
        <option value="es">Spanish</option>
        <option value="ta">Tamil</option>
        <option value="te">Telugu</option>
        <option value="uk">Ukrainian</option>
        <option value="ur">Urdu</option>
        <option value="vi">Vietnamese</option>
      </select>
    </label>
    <label class="test-field">
      <span>Runs</span>
      <select id="test-runs" aria-label="Benchmark repetitions">
        <option value="1">1 run</option>
        <option value="3">3-run benchmark</option>
      </select>
    </label>
    <div class="test-actions">
      <button id="record-toggle" type="button" class="primary">Start recording</button>
      <span id="record-timer" class="record-timer hidden">0:00</span>
    </div>
  </div>
  <p id="test-language-note" class="muted test-status hidden"></p>
  <p id="record-status" class="muted test-status" aria-live="polite"></p>
  <div id="test-result" class="result hidden">
    <div class="result-header">
      <h3>Transcript</h3>
      <button id="copy-transcript" type="button" class="ghost small">Copy</button>
    </div>
    <p id="test-transcript"></p>
    <p id="test-meta" class="muted"></p>
    <div id="benchmark-metrics" class="benchmark-grid" aria-label="Pipeline benchmark">
      <div><span>Total</span><strong id="benchmark-total">—</strong></div>
      <div><span>Normalize</span><strong id="benchmark-normalize">—</strong></div>
      <div><span>Model load</span><strong id="benchmark-load">—</strong></div>
      <div><span>Inference</span><strong id="benchmark-inference">—</strong></div>
      <div><span>RTF</span><strong id="benchmark-rtf">—</strong></div>
      <div><span>Peak memory</span><strong id="benchmark-memory">—</strong></div>
    </div>
  </div>
  <p id="test-error" class="error hidden" role="alert"></p>
</div>